一.config下面index.js代理配置
proxyTable: {
'/api':{
target:'http://127.0.0.1:8088',
changeOrigin:true,
pathRewrite:{
'^/api': '/'
}
}
},
二.全局配置代理
import axios from 'axios';
Vue.prototype.axios = axios;
axios.defaults.baseURL = '/api';
三.实际请求
_self.axios.post("/queryMenu", {
lang: _self.newLang,
}).then(function(response){
_self.allData = response.data.hasOwnProperty("CN")?response.data.CN:response.data.EN;
console.log(_self.allData);
}).catch(function(error){
console.log(error);
});
四.注意说明
axios.defaults.baseURL = '/api';
每个请求都会带/api
本文介绍了如何在Vue项目中使用代理配置解决跨域问题,包括config下的index.js代理配置、全局配置代理的方法以及实际请求的示例。通过设置axios.defaults.baseURL='/api',每个请求都会自动带上前缀/api。
615

被折叠的 条评论
为什么被折叠?



