postman不跨域 本地开发跨域_记一次vue项目 开发环境proxy配置解决前端调用后端服务跨域问题...

由于公司前端调用后端跨域问题一直是在Nginx设置跨域，导致根本没有发现webpack devServer 配置的正确打开方式，做下记录。

由于公司部分系统存在多个后端服务，端口和ip都不一样，所以需要配置多个服务路径，寻找下发现 vue cli文档中的支持,进顿配置代码如下:

 '/aaa': {
     // 系统aaa服务标识
        target: 'http://localhost:/7777/', // 设置你调用的接口域名和端口号
        changeOrigin: true, // 跨域
        pathRewrite: {
    
          '^/aaa': '/aaa' // 重写路径
        }
      },
      '/bbb': {
     // 系统bbb服务标识
        target: 'http://localhost:/8888/bbb/',// 设置你调用的接口域名和端口号和系统标识
        changeOrigin: true
      }

下面描述两种路径拼接方式

1. 第一种如果当请求的 路径为 /aaa/select/test 方式时候，则请求地址为'/aaa'['target'] + pathRewrite['^/aa