vue项目配置代理

前端应用和后端 API 服务器没有运行在同一个主机上，需要在开发环境下将 API 请求代理到 API 服务器。可以通过 *.config.js 中的 devServer.proxy 选项来配置

devServer: {
    contentBase: './',//基础的内容
    compress: true,.//压缩
    historyApiFallback: true,// 历史api回调
    proxy: {
      '/api': {
        target: 'http://baidu.com',//设置的代理地址
        ws: false,  //设置 websockets，断开后是否重新连接
        secure: true,  // https协议才设置
        changeOrigin: true,   // 是否改变域名
        pathRewrite: {
          '^/api': '/api'//重写api的地址
          //pathRewrite: {'^/api': '/'} 重写之后url为 http://baidu.com/xxxx
          //pathRewrite: {'^/api': '/api'} 重写之后url为 http://baidu.com/api/xxxx           
        }
      }
    }
  }