vue项目解决跨域请求服务端api

从vue3版本开始，项目目录改变，config文件夹不存在，在根目录下创建名为vue.config.js的文件（与package.json同级），在文件中添加请求代理，代码如下：

module.exports = {
     
  devServer: {
     
    open: true, //是否自动弹出浏览器页面
    host: "localhost",
    port: "本地端口号",
    https: false,
    hotOnly: false,
    proxy: {
     
      "/api": {
     
        target: "https://localhost:端口号", //API服务器的地址
        ws: true, //代理websockets
        changeOrigin: true, // 虚拟的站点需要更管origin
        pathRewrite: {
     
          //重写路径 比如'/api/aaa/ccc'重写为'/aaa/ccc'
          "^/api": "/api"
        }
      }
    }
  }
};