vue 配置跨域请求

1、在根目录的 vue.config.js 的 module.exports 中加入以下代码

// 服务器跨域配置
devServer: {
  open: false, // 自动开启浏览器，默认false
  port: 8080, // 设置端口，默认8080
  // 进行代理转发
  proxy: {
    "/api": {
      target: "http://xxx.xx.xx.xx:xxx/", // 后端接口地址
      // secure:true , // 接受对方是https的接口
      changeOrigin: true, // 是否需要跨域，默认true
      pathRewrite: { "^/api": "" }, // 重写路径（重点）
    },
  },
}

2、在 config 的 index.js 配置文件中加入以下代码

proxyTable: {
    // /api可以代理http://localhost:8090/pmsapi
    '/api': {
        target: 'http://localhost:8090/pmsapi', // 后端接口地址
        changeOrigin: true, // 是否允许跨越
        // 路径重写
        pathRewrite: {
            '^/api': '', // 重写，用'/api'代替target里面的地址
        }
    }
}