由于没有跨域的接口,所以,用8080端口请求8081端口,来模拟跨域。跨域会出现下面报错。
1.找到config文件夹下index.js,在proxyTable对象里复制以下代码:
proxyTable: { ‘/apis‘: { // 测试环境 target: ‘https://localhost:8081‘, // 接口域名 changeOrigin: true, //是否跨域 pathRewrite: { ‘^/apis‘: ‘‘ //需要rewrite重写的, } } },
注意:【更改完这个配置文件后,需要重启项目】
2.使用fetch或者axios请求接口,【不能用vue-resource,vue-resource不生效】
fetch请求:
//用 /apis代替http://localhost:8082 fetch("/apis").then(res=>{ console.log(res); })
axios请求:
this.$axios.get("/apis").then(res=>{ console.log(res); })
这样请求,就不会跨域了:
原文:https://www.cnblogs.com/luguankun/p/10750734.html