当不同源( ip,端口,协议有任何 一个不一样 就是不同源)请求数据时会发生跨域问题所以就要配置跨域问题。
在vue.config.js文件下配置:
proxy: {//跨域配置
"/ai": { //是自定义的本地请求时的名字
target: "http://10.10.1.15:8802",//你请求的第三方接口
ws: true,
changeOrigin: true, //在本地会创建一个虚拟服务端,然后发送请求的数据,并同时接收请求的数据,这样服务端和服务端进行数据的交互就不会有跨域问题
pathRewrite: {//路径重写
"^/ai": "/" // '^/ai'是一个正则表达式,表示要匹配请求的url中,全部'http://localhost:8080/ai' 转接为 http://10.10.1.17:8802/
}
},
}
以上是前端的配置;如果后端也设置了允许跨域的请求就可以不需要设置