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 프로젝트 시작에 대한 이 문장 좀 보세요. 시작을 위해 특별히 쓴 것입니다.