vue-cli3-配置接口映射

一、参考文档

1.https://cli.vuejs.org/zh/config/#devserver-proxy

2.https://github.com/chimurai/http-proxy-middleware#proxycontext-config

二. 使用步骤

    1.新建

             在项目文件夹下面，新建vue.config.js，vue会自动识别

    2.配置

module.exports = { // 模块导出
  devServer: { // 开发服务器
    proxy: {   // 代理
      '': {
        target: 'http://uat.kpbyd.com/',  // 代理路径
        changeOrigin: true, // 是否跨域
        ws: true // 代理webSocket，WebSocket是一种在单个TCP连接上进行全双工通信的协议。
                 // 全双工的系统可以用一般的双向车道形容。两个方向的车辆因使用不同的车道，因此不会互相影响。
      }
    }
  }
}

3. 其他更多的配置，根据需要查看参考文档，毕竟每个项目需求不同

4. 配置完成之后，重新运行 npm run serve

来源：CSDN

作者：m0_37616866

链接：https://blog.csdn.net/m0_37616866/article/details/86589355