在开发过程中，为了方便前后端联调，通常会在vue.config.js中配置devServer。而在devServer中配置proxy属性，可以将指向本地的请求
(例如：http://localhost:80/prod_api/action)代理到后端的开发服务地址上(例如：http://localhost:81/action)

这里简单说一下正向代理

代理服务器代替客户端像服务器发起请求，隐藏了客户端。

发起请求：代理服务器接收从客户端发出的请求，转而向目标服务器发起请求。

响应数据：目标服务器响应请求给代理服务器接收，代理服务器接受请求后，响应给客户端。

vue.config.js中

devServer: {
    //接口代理
    proxy: {
      '/prod_api': {
        target: `http://localhost:81`,// 后端服务器地址
        changeOrigin: true,// 是否改变Origin头信息,是否允许跨域
        pathRewrite: {//对路径匹配到的字符串重写
          ['^' + '/prod_api']: ''
          // 替换前缀'/prod_api'，即：请求到 http://localhost:80/prod_api/xxx,现在会被代理到请求 http://localhost:81/xxx。
          // 例如 /prod_api/user 现在会被代理到请求  http://localhost:81/user
        }
      }
    }
  }

当浏览器发起一个请求 http://localhost:80/prod_api/login ，前端拿着配置项的那个 /prod_api 地址去匹配请求中的地址，如果请求的地址中包含
配置项的地址 /prod_api ，则匹配成功。匹配成功后，会将匹配到的地址及其后面的地址拼到target的后面，
也就是变成 http://localhost:81/prod_api/login ，通过这个地址向后端发起请求，
但是这时候后端的地址中可能不包含 /prod_api ，那就需要 pathRewrite这个属性来将请求url中的 /prod_api 替换成 ''

流程如下：

1、浏览器发起请求 http://localhost:80/prod_api/login

2、和配置项匹配成功后，将 /prod_api/login 拼接到target的后面

3、现在，对 /prod_api/login 的请求会将请求代理到 http://localhost:81/prod_api/login

4、如果后端接口中不包含 /prod_api，不希望传递 /prod_api，则需要重写请求路径 将浏览器发起的请求的请求URL中的 “/prod_api” 替换为 “”

5、此时对 http://localhost:80/prod_api/login 的请求，前端会将请求代理到 http://localhost:81/login