Vue 에서 도메인 간 (라우팅 충돌) 을 우아하게 해결하는 방법

Vue 에서 도메인 간 및 라우팅 충돌 문제를 우아하게 해결하는 방법

라우팅에서 다음 에이전트를 구성할 때 도메인 간 문제를 해결할 수 있습니다.

프록시 테이블: {

/goods/*:{

목표: "/API/":"API/"

}

그런 다음 main.js 를 도입하여 생산 및 개발에 대한 정의 접두사가 동적으로 일치할 수 있도록 합니다.

Api config 가져오기 ../config/api.config'

Axios 에서 axios 가져오기

"vue-axios" 에서 VueAxios 가져오기

Vue.use(VueAxios, Axios)

Axios.defaults.base URL = apiconfig.base URL

이러한 구성을 통해 구성 요소에 axios 모듈을 도입하지 않고도 DOM 에서 쉽게 액세스할 수 있습니다.

로그아웃 () {

이것. $/api/': 'api/' 입니다

}

생산 개발 구성을 잘 모른다.

Dev-server.js 에 가서 구성 코드를 볼 수 있습니다.

Constwebpackconfig = (process.env.node _ env = = = =' testing' | | process.env.node _ env)

요청 ('). /webpack.prod.conf'):

요청 ('). /webpack.dev.conf')

Main.js 항목 파일에서 구성합니다.

Api config 가져오기 ../config/api.config'

Axios 에서 axios 가져오기

"vue-axios" 에서 VueAxios 가져오기

Vue.use(VueAxios, Axios)

Axios.defaults.base URL = apiconfig.base URL

Dom 에서 API 를 요청하는 제스처입니다.

로그아웃 () {

이것. $http.post('/users/logout'). 그런 다음 (result =>{

Res = result.data 를 설정합니다

This.nickname = \ "\";

Console.log (RES);

}) 을 참조하십시오

},

GetGoods(){

이것. $http.post('/goods/list'). 그런 다음 (result =>{

Res = result.data 를 설정합니다

This.nickname = \ "\";

Console.log (RES);

}) 을 참조하십시오

}

Vuejs 프로젝트의 프로덕션 환경에 대해서는 도메인 간 문제를 온라인으로 해결하는 다음 문장 문서를 참조하십시오.

Vue 프로젝트 시작에 대한 이 문장 좀 보세요. 시작을 위해 특별히 쓴 것입니다.