vue-cli3.x proxy 跨域方案

本地代理配置

在根目录下新建一个vue.config.js文件，编写如下代码：

devServer: {
  // 本地运行地址
  host: 'localhost',
  // 本地运行端口
  port: '8080',
  // 代理配置
  proxy: {
    // 匹配拦截路由
    '/api': {
      target: 'http://localhost:2333/',
      changeOrigin: true,
      ws: false,
      pathRewrite: {
        '^/api': ''
      }
    }
  }
}

使用方式

正常请求地址

http://localhost:2333/user/info

代理请求地址

/api/user/info