vue开启代理解决cors跨域问题

在 vue.config.js 中配置以下代码即可

module.exports = {
  // 配置跨域的问题
  devServer: {
    proxy: {
      "/api": {
        target: "http://local.xxx.com/api", // 需要代理的后端接口
        changeOrigin: true, //开启代理：在本地会创建一个虚拟服务端，然后发送请求的数据，并同时接收请求
        pathRewrite: {
          //重写匹配的字段，如果不需要在请求路径上，重写为""
          "^/api": "",
        },
      },
    }
  },
}

注意点，服务器地址需要和设置的匹配路径相同

if (process.env.NODE_ENV == 'development') {
  apiBaseURL = '/api'
}