Tomcat+windows部署前后分离项目

一个后端项目对两个前端项目，应用场景比较简单，特此记录

下载和安装tomcat

安装tomcat前要先保证有java环境，java jdk和jre的下载与安装可以看这篇Java JDK下载和安装教程，网上的安装内容都差不多，要注意配置正确JAVA_HOME,path，CLASSPATH的环境变量。
不同版本的系统和jdk需要选择不同版本的tomcat。比如
tomcat官网
我选择版本9的tomcat的zip包（其他包的下载与安装可以看看这篇文章tomcat安装详细教程，我主要用的是zip包）并解压如下

解压后配置环境变量CATALINA_HOME（注意所有变量配置全英文），如下，

在path变量中配置值
配置好环境变量后，打开bin目录下的startup.bat文件，出现黑色窗口后，在浏览器中输入http://localhost:8080 ，进入如下页面则表示安装成功:

点击shutdown.bat，关闭服务，再输入上面的地址时，访问失败。

window部署

若有多个前端项目，创建多个webapps包并重新命名
webapps包中的内容如下：

将webapps中除了ROOT文件的其他所有文件删除，再删除ROOT文件下的所有文件
将自己的前端项目npm run build打包放进webapps的ROOT包中，如下：

其他的前端项目也同样放入其他的webapps包(webapps_vue)，如

将后端项目打包成war包并命名为ROOT放在另一个webapps包（webapps_back）中，war包会被tomcat自动解压成文件夹：

在conf的server.xml文件中修改各端口号，以便同一局域网的其他设备能访问到这些端口，特别是后端的数据。将server.xml文件中的注释<!-- -->删掉，越简洁越好，当然不能把其他的非注释内容删除，容易编译失败
删完后应该是这样
配置多个项目时将service标签中的所有内容复制，修改对应的端口和webapps包名(包名和端口名不能写错了)