Vue中如何实现proxy代理
Vue框架开发的时候，会遇到跨域的问题，可在config/index.js里配置proxyTable内容，使用proxy代理。
//config/index.js文件
proxyTable:{
'/api':{
target:'http://192.168.149.90:8080/',//设置你调用的接口域名和端口号
changeOrigin:true,//跨域
pathRewrite:{
'^/api':'/'
}
}
},
这里理解成用‘/api'代替target里面的地址，后面组件中我们掉接口时直接用api代替比如我要调用'http://192.168.149.90:8080/xxx/duty?time=2017-07-0714:57:22'，直接写‘/api/xxx/duty?time=2017-07-0714:57:22'即可
在dev.env.js里配置开发环境请求地址
//config/dev.env.js文件
module.exports=merge(prodEnv,{
NODE_ENV:'"development"',
ADMIN_SERVER:'"/api/"',
});
若请求插件用的axios，配置如下
constadminServer=axios.create({
baseURL:process.env.ADMIN_SERVER,
});
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。