vue 配置代理

vue 配置代理

proxyTable: {
  '/api/xxx': {
    target: 'http://xxx',  // 本地
    changeOrigin: true,
    pathRewrite:{
      '^/api/xxx': 'xxx'
    }
  }
}
复制代码

changeOrigin: 接收一个布尔值，如果设置为true,那么本地会虚拟一个服务端接收你的请求并代你发送该请求，这样就不会有跨域问题了，当然这只适用于开发环境

vue-cli的这个设置来自于其使用的插件http-proxy-middleware github 插件支持websocket

vue--config/index.js-配置参考文章