vue2.0怎么解决跨域问题
跨域报错如果正巧遇见这个报错,那可是中彩头了,这个时候就需要去配置一下跨域了首先让我们了解一下为什么会出现跨域报错?一个网页向另一个不同域名/不同协议/不同端口的网页请求资源,这就是跨域。跨域报错就是请求终端不允许不同的域名、协议、端口访问,结果你用了,然后就返回报错。解决方法:在脚手架中的config下的index.js中在 dev 的 proxyTable 对象中添加这些属性//...
·
跨域报错
如果正巧遇见这个报错,那可是中彩头了,这个时候就需要去配置一下跨域了
首先让我们了解一下为什么会出现跨域报错?
一个网页向另一个不同域名/不同协议/不同端口的网页请求资源,这就是跨域。跨域报错就是请求终端不允许不同的域名、协议、端口访问,结果你用了,然后就返回报错。
解决方法:在脚手架中的config下的index.js中
在 dev 的 proxyTable 对象中添加这些属性
// Paths
assetsSubDirectory: 'static',
assetsPublicPath: '/',
proxyTable: {
"/api":{
target:"https://xin.yuemei.com/V603/channel/getScreenNew/",//接口域名
changeOrigin:true,//是否跨域
pathRewrite:{
"^/api":""//重写为空,这个时候api就相当于上面target接口基准地址
}
}
},
然后请求这里用axios请求
请求的时候前缀api就相当于基准地址了
axios.post("/api").then(res => {
console.log(res);
this.data = res.data.data;
});
//如果有参数请求
axios.post("/api?key=111").then(res => {
console.log(res);
this.data = res.data.data;
});
配置完记得重跑一下项目(切记)
再出不来就爱莫能助了(告辞)
更多推荐
已为社区贡献2条内容
所有评论(0)