vue的项目 我们后台的接口有的时候回出现跨域 这时候vue 可以做代理 在config文件下的index.js文件里
找到proxyTable 一开始是proxyTable:{} 空的 改成下面的
dev: {
// Paths
assetsSubDirectory: 'static',
assetsPublicPath: '/',
proxyTable: {
'/apis': {
target: 'https://shop.test.rszx168.com/index.php?s=',//请求地址的前缀
// target: 'https://app.rszx168.com/',
// target: "https://www.rszx168.com/",
// secure: false, // 如果是https接口,需要配置这个参数
changeOrigin: true, //是否跨域
pathRewrite: {
'^/apis': ''
}
}
},
我有一篇文章写道分装请求的方法了 可以仔细看一下这里就不详细说了 直接上代码
export default {
Ajax: function (method, url, data) {
return new Promise((resolve, reject) => {
axios({
method: method,
url: '/apis' + url, //本地调试 /apis 就是代理写的地址 只是域名 url 来补全请求地址 这时候就解决了跨域问题
data: data,
dataType: 'jsonp',
headers: {},
})
.then(res => {
resolve(res.data);
})
.catch(err => {
reject(err);
});
});
},
}
后面一篇我会写到打包不同的环境配置