浅谈VUE项目发布到服务器时的前端代理问题
以我当前用的项目举例，前端用的vue+iview，后端用的java微服务。
前端在本地开发环境连接后端微服务进行接口测试时，用到的是本地项目里的vue.config.js文件来进行代理。
如下图：
如果我们面临上线到服务器就会有两种情况：
1.如果项目的前端只有一个人写，并且能保证每次提交代码时都手动的把网关地址改为线上地址的话，我们可以删除productionSourceMap: false属性，直接打包生成map文件，直接用我们前端的代理。但是这种情况不推荐使用，因为每次提交代码前都要手动修改网关地址，这在多人协作的大项目里很容易有人疏忽导致测试的网关地址上到线上。
2.我们保持productionSourceMap: false属性，也就是这个代理只在我们本地生效，打包上线时不会生成map文件。这样我们多人协作提交代码时就不用每次都手动去改变网关地址了，少了很多开发的麻烦。这时我们上线就需要其它的代理来实现跨域调接口，这时我用的是在服务器上部署nginx代理，用nginx来替换我们本地的vue.config.js文件，只要在nginx里配置好生产环境的网关，我们本地测试代理和线上代理分来，互不影响就能很方便的实现服务器上的前端项目代理。
以上是 浅谈VUE项目发布到服务器时的前端代理问题 的全部内容， 来源链接： utcz.com/z/377945.html
