vue解决跨域问题

1.vue2解决

在config文件夹下找到index.js，找到dev配置项，在proxyTable添加配置

proxyTable: {
      "/abc": {
        target: "https://www.jikuibu.vip", // 需要跨域请求的地址或者IP
        changeOrigin: true, //  表示是否跨域
        pathRewrite: { // 表示需要rewrite重写的
          "/abc": ""
        }
      }
    },

url:'/abc/api/getRecordList'   //url路径格式

2.vue3解决

创建一个vue.config.js文件

module.exports = {
  devServer: {
    proxy: {
      '/node': {
        target: 'http://localhost:5000', // 这里填入你要请求的接口的前缀
        changeOrigin: true, // 虚拟的站点需要更管origin
        pathRewrite: {
          '^/node': '' // 重写路径
        }
      }
    }
  }
}

url: 'http://localhost:5000/addUser'  //url路径格式