Vue之axios请求的跨域proxy设置原理配置

当不同源（ 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/
        }
      }, 
      
  }