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

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

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

'/aaa'

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

1. 第一种如果当请求的 路径为 /aaa/select/test 方式时候，则请求地址为'/aaa'['target'] + pathRewrite['^/aaa'] + 'select/test'= http://localhost:/7777/aaa/select/test
2. 第二种如果当请求的 路径为 /bbb/select/test 方式时候，则请求地址为'/bbb'['target'] + 'select/test'= http://localhost:/7777/bbb/select/test

从此以后，再也不用去弄Nginx配置了!

配置参考 | Vue CLI