将Vue.js项目部署到Tomcat服务器上

将Vue.js项目部署到Tomcat服务器上

1. 服务器的选择

这里选择的是百度智能云-启航校园计划的服务器（因为比较便宜。。。）18元/3月
百度智能云-启航校园计划
初学者可以选择 Windows Server / 2012 R2 x86_64 (64bit) 中文版

2. 查看服务器公网ip

打开控制台，在实例中查看购买的服务器的公网ip

3. 连接服务器

可选的连接方式：

• win10自带的远程连接
• TeamViewer
• 百度智能云的VNC远程
  由于某些原因。。我用的是TeamViewer

4. 在服务器中下载tomcat

下载tomcat


下载安装完成

5. 配置环境变量

变量名	环境路径
TOMCAT_HOME	C:\Users\Administrator\apache-tomcat-8.5.45
CATALINA_BASE	C:\Users\Administrator\apache-tomcat-8.5.45
CATALINA_HOME	C:\Users\Administrator\apache-tomcat-8.5.45
JAVA_HOME	D:\Program Files\jdk1.8.0_111

6. 打包vue项目并将打包好的vue项目部署到服务器上

Vue项目webpack打包部署到Tomcat

7. 运行tomcat

在服务器的浏览器中输入http://localhost:8080/，若能显示出以下网页，那么tomcat就启动成功啦

接下来就可以在其他电脑上，通过访问http://服务器ip:8080/文件夹名称/来访问了

过程中可能遇到的问题

Tomcat启动一闪而过就消失的原因和解决方法
service.bat : 无法将“service.bat”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。
ping不通服务器ip原因
tomcat 部署ip地址访问不到
tomcat正常启动但是对应的网页却无法访问------解决办法
tomcat启动成功外网无法访问