Vuecli的devServer配置

1.配置的目的是把前端请求的路径代理到某一个后端路径

module.exports = {
  outputDir: './build',
  publicPath: './',
  devServer: {
    proxy: {
      '^/dev': {
        //临时把请求映射到的后端接口
        //当前开发环境下Vue项目请求的是dev,需要重写dev->api
        target: 'http://127.0.0.1:2023/',//代理到真正的后端host
        pathRewrite: {
        //后端真正的接口路径是http://127.0.0.1:2023/api,所以这里要路径重写
          '^/dev': 'api'
        },
        changeOrigin: true
      }
    }
  },
}

注意:前端请求的接口是https:example1.com/dev ,而后端真正的接口是https:example2.com/api ，