vue项目部署方式:tomcat部署和nginx部署
1、对于ROOT目录下的资源，tomcat可以直接在根目录下进行访问。通过这种方式，我们可以让项目的路径去适配tomcat访问的路径。 但是这种方式不是特别推荐，当有多个项目在同一个tomcat服务器上的时候，会不方便管理。
2、编译部署项目路径下demo输入命令npm run build编译完成后会发现在demo文件夹下多出一个dist文件夹这里面就是编译好的文件了。网上下载nginx，下载地址http：//nginx.org/en/download.html，解压下载的nginx文件。
3、vue项目部署必须用nginx。vue项目部署使用的是webpack提供的proxyTable做的代理从而解决了开发环境的跨域请求问题，需要使用Nginx做反向代理，因此vue项目部署必须用nginx。vue是一个构建数据驱动的web界面的渐进式框架。
4、因此，为了方便，我们可以使用Nginx独立部署前端项目。
vue本地启动和在nginx上启动的原理
1、将dist文件夹放在本地的nginx下的html文件夹下，在nginx的配置文件中加入虚拟服务器节点信息，在本机上访问，各主流浏览器（chrome，firefox，QQ，360，搜狗）的访问效果和项目在开发模式下运行（npmrundev）是相同的。
2、命令窗口cd进入nginx安装目录，输入start nginx启动nginx。
3、原因是本地启动前端的运行不再采用nginx。本地启动前端的运行采用SwitchHosts之后，没有nginx也能运行。
4、一般项目前后端分离得话，都会用nginx作为反向代理转发的。
5、vue项目部署必须用nginx。vue项目部署使用的是webpack提供的proxyTable做的代理从而解决了开发环境的跨域请求问题，需要使用Nginx做反向代理，因此vue项目部署必须用nginx。vue是一个构建数据驱动的web界面的渐进式框架。
6、先来看这一张图。nginx启动后会有 一个master进程和多个worker进程 。master进程用来管理worker进程， 一个worker进程处理一个请求 ，一个请求，只可能在一个worker进程中处理，一个worker进程，不可能处理其它进程的请求。
vue项目打包之后不通过nginx怎么配置转发代理
1、target是你要代理的域名，必须要加上http。 这里用/api代替target里面的地址，组件中调用接口时直接用/api代替。
2、vue-cli构建的项目中，生产模式下的打包路径、与生产模式下的请求代理简单示意上面是我整理给大家的，希望今后会对大家有帮助。
3、然后需要nginx充当我们的前端静态文件代理服务器，然后后端使用jar包方式部署，还需要nginx的反向代理解决跨域问题，因为前后端分离项目，前后端运行在不同的端口上就需要解决跨域的问题，需要在nginx里进行配置代理转发。
4、vue项目部署必须用nginx。vue项目部署使用的是webpack提供的proxyTable做的代理从而解决了开发环境的跨域请求问题，需要使用Nginx做反向代理，因此vue项目部署必须用nginx。vue是一个构建数据驱动的web界面的渐进式框架。
vue中base必须和nginx一致吗
vue项目部署必须用nginx。vue项目部署使用的是webpack提供的proxyTable做的代理从而解决了开发环境的跨域请求问题，需要使用Nginx做反向代理，因此vue项目部署必须用nginx。vue是一个构建数据驱动的web界面的渐进式框架。
将dist文件夹压缩（7-Zip打包成.tar文件），通过rz-be上传到Linux服务器，放在nginx的html下，tar-xvf解压，Linux上服务器nginx配置信息和版本与本地nginx的信息都是一致的。
本篇文章主要介绍了vue.js根据代码运行环境选择baseurl的方法，现在分享给大家，也给大家做个参考。
前端必须用nginx部署吗
不可以。不用nginx不可以可以部署前后端分离项目。根据查询相关信息可知：不用nginx无法部署前后端分离项目。
vue项目部署必须用nginx。vue项目部署使用的是webpack提供的proxyTable做的代理从而解决了开发环境的跨域请求问题，需要使用Nginx做反向代理，因此vue项目部署必须用nginx。vue是一个构建数据驱动的web界面的渐进式框架。
原因是本地启动前端的运行不再采用nginx。本地启动前端的运行采用SwitchHosts之后，没有nginx也能运行。