vue 项目中的代理

103 阅读1分钟

devServer的配置

  devServer: {
    port: port,
    open: false,
    https: false,
    proxy: {
      '/yqrl': {
        target: 'http://172.16.4.156:8000', // 日超
        ws: false, // 代理的WebSockets
        changeOrigin: true, // 需要虚拟主机站点
        pathRewrite: {      
          '^/yqrl': '/'             // 表示匹配到/yqrl路径是转为/
        }
      }
    }
  },

结果

image.png 实际上转发后是 http://172.16.5.242:9555/sysConfig/sysKey/dataBoardMapType