vue项目 前端代理解释 vue.config.js

devServer: {
    // host: '0.0.0.0',
    port: 8080,
    open: true,
    proxy: {
      // "/test": { 
      //   target: `http://a/b`, //代理地址
      //   changeOrigin: true, //是否修改为后端host，host用于判断该请求来源于哪个网址
      //   pathRewrite: {
      //     '^/test': '' //路径重写，/test会重写成''
      //   }
      // },
      // // 如前端请求: http://xxxx/xxx/test/aaa/bbb
      // // 实际代理请求: http://a/b/aaa/bbb 由于/test重写成'',因此不会加入
      // //若
      // // pathRewrite: {
      // //   '^/test': '/api' //路径重写，/test会重写成''
      // // }
      // // 实际代理请求: http://a/b/api/aaa/bbb
      // 全局环境变量声明.env
      [process.env.VUE_APP]: {
        target: `http://192.168.10.153:8088/api/`,
        // target: `https://app.oars.gzsunrun.cn/dayu/user/api/`,
        changeOrigin: true,
        pathRewrite: {
          ['^' + process.env.VUE_APP]: ''
        }
      },
    },
    disableHostCheck: true
  },