vue编译器和nginx都能启动我们前端项目的，二者都能对前端的请求进行转发代理到后端项目中
我们本地电脑也可以下载一个nginx启动我们的前端项目，而不用通过vue编译器启动。
第一章 vue的proxy和pathRewrite
1.vue的代理
比如我现在本地电脑，用vue启动一个前端项目，端口是8080，后端微服务项目的gateway模块的端口是9999，那么此时我的前端项目端口和后端微服务端口是不一样的，虽然彼此都是本地电脑，也就是127.0.0.1，但是端口不一样，如果前端项目想把请求发送到后端项目，那么此时属于跨域，那应该怎么解决跨域呢，此时就得用到了代理。
上面的图的main.js文件修改后前端vue编译器可以直接热部署，不需要重启前端vue编译器就能看到最新的修改效果；vue.config.js里面的内容修改后是无法热部署的，我得重启vue 编译器项目才能看到最新的修改效果
( /auth匹配的是axios的path部分，不是baseUrl
如果匹配baseUrl的话，应该是Http开头的才对）
附录：
用这个方法写上去，打印下path，看看path是什么，用这个方法写上去，打印下path，看看path是什么。
'/gppublish': {
target: url,
ws: true,
pathRewrite: function (path, req) {
console.log('path=', path)
return path.replace('/sbgl/gppublish', '/gppublish')
},
},
2.nginx篇章
前端项目要是用nginx启动的话，那么在vue上面的代理是无法用到nginx的，nginx也得做和vue的vue.config.js里面一样的代理配置才能请求转发到我的后端项目，不然nginx启动的端口和我后端项目启动的端口不一样，如果从nginx启动前端项目然后想发送请求到后端项目的话，是存在跨域的，所以nginx得配置代理，将请求转发到后端项目。
这些|xx|，auth|gppu|，是什么意思？
答：/sbgl/auth 或者/sbgl/gppu这样的路径开头的 就进来这里，路径没变，但是换了ip，可以重写的，有很多功能，^是表示必须开头的意思。可以搜正则表达式就知道了
标签：vue,前端,端口,代理,nginx,path,解析 From： https://www.cnblogs.com/rapper-start/p/17146593.html