vue-cli搭建代理服务器，将请求转发到后台服务器

我们在开发vue项目的时候常常需要解决跨域问题，而上生成服务器之后就会用其他反向代理工具（如nginx），但是开发环境任然会有问题，那么我们得搭建一个vue的代理服务器。修改config/index.js文件：

代码如下：

proxyTable: {
  '/prod-api': {
    target: 'http://127.0.0.1:8080',
    ws: true,
    changeOrigin: false,
    pathRewrite: {
      '^/prod-api': ''
    }
  }
},

其中’/prod-api’代表如果以prod-api开头的那么我们进行一个转发

target后面的为服务器地址

ws代表是否支持WebSocket

changeOrigin为是否改写请求源地址，写为false就好了

pathRewrite是路径重写，意思是将/prod-api给替换成一个空字符串

改写案例：

请求地址：http://127.0.0.1/prod-api/security/code

实际请求地址：http://127.0.0.1:8080/security/code

下课