前后端分离后，tomcat服务器部署和发布

1、 IDEA打包java war包，步骤如下：

这个过程就是打包了，等打包完成之后，会出现一个target目录下面会有个war包，如下图

2、解压一个tomcat zip，并且将该tomact文件夹名字修改成自己可以识别的，我改为了apache-tomcat-8.5.47- api（盛放java后端的war包）

3、找到tomcat中的webapps目录下面的ROOT，清空ROOT目录下面的内容，然后将java 后台war包复制到ROOT目录下面。然后将house.war转为zip格式保存，然后解压到当前目录。如下图。

4、修改服务端口：找到tomcat的server.xml文件，如下图：

5、打开server.xml

• 记住下图中圈起来的端口号，先不做修改。

• 下面端口号修改为web前端代码访问的后端端口号。
  

6、启动服务：找到bin目录下面的startup.bat，双击启动一下。如下图表示启动成功。

7、解压一个tomcat zip，并且将该tomact文件夹名字修改成自己可以识别的，我改为了apache-tomcat-8.5.47- web（盛放web前端的 war包）

8、找到ROOT目录，清空该文件夹里面的内容，并将web前端的war包变为zip格式解压到当前目录。然后删除web的war包压缩包（最后检查是否解压之后多了一级目录），如下图是正确的目录关系。static和index.html这俩文件是前端war包解压之后的文件。

9、找到js中的app.XXXX.js文件，然后打开，找到js中的连接java后端的地方，将下图标记的端口号修改为上面步骤5中标记2的图片上的端口号8890一致。

10、启动web服务，如下图所示表示启动成功

11、找到tomcat的server.xml文件，打开，检查如下图标注1的地方的端口号是否与步骤5中第一个的端口号8004重复，如重复则修改为不同的端口号。

下图中标注2的端口号，是在页面访问项目地址后面的端口号。

12、在浏览器输入地址127.0.0.1:8080，访问项目，点击回车之后如下图，成功访问。

附加：如果想连接本地java代码，想在本地进行断点测试，那么只需要从步骤7开始操作，步骤9中js里面的端口号改为本地代码中设置的端口号即可。