快速理解vue-cli Proxy代理

Webpack Proxy工作原理（本地跨域）
关于proxy详细的参数配置 http-proxy-middleware

dev: {

    // Paths
    assetsSubDirectory: 'static', //项目的公共路径
    assetsPublicPath: '/', //开发用的服务器配置
    proxyTable: {
      '/api': {
        target: 'http://localhost:3000',//这里是目标服务器地址
        changeOrigin: true,//是否改变源地址
        pathRewrite: {  //路径重写
        '^/api': '' 
        },
      }
    }
}

• ‘/api’ : 当你发起请求的时候需要拼接在请求中，告诉服务器你要走代理的服务。
  例如：vue项目localhost：8080。后端是localhost：3000。
  那我发起请求就需要localhost：8080/api/list，如果没有/api会本地的服务（localhost：8080）中寻找

• changeOrigin: 类型为Boolean值，这个相当于欺骗服务器，为true的话，后端地址和端口为本服务的，为false是你是实际的地址和端口号，
  例如：前端项目localhost：8080，后端localhost：3000，changeOrigin为true, 后端接受的到将是localhost：3000，changeOrigin为false，后端接受的到将是localhost：8080.

• pathRewrite：重写取决于接口

  1. 路径重写
     例如：localhost：3000/app/list 这个时候我设置了‘/api' 那就必须重写，不然的话会吧api这个拼接起来提交给后端。localhost:3000/api/app/list. 所以报404了。
  2. 路径不要重写
     例如：localhost：3000/app/list。这个时候我设置了‘/app' 那就不用重写了，localhost:3000/app/list。