1、首先将springboot项目打包为war包。

注意：将application.yml文件中添加以下信息：

spring.jmx.enabled=false

避免tomcat下部署多个项目，出现org.springframework.jmx.export.UnableToRegisterMBeanException:影响项目启动。

2、前段项目打包

首先将.env.production文件中的后端接口路径改为tomcat下war包部署后的访问地址，例如：

然后运行以下命令进行打包。

npm run build:prod

打包完成后，生成dist文件夹。 

3、将war包和dist文件夹上传至tomcat的webapps目录下

4、 在dist文件夹中添加WEB-INF文件夹，并在其中添加web.xml文件

web.xml内容如下：

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
        xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
        xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee
        http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd"
        version="3.1" metadata-complete="true">
     <display-name>/</display-name>
     <error-page>
        <error-code>404</error-code>
        <location>/index.html</location>
    </error-page>
</web-app>

5、 在tomcat下conf中的server.xml添加相关信息如下：

<Context docBase="dist" path="" reloadable="false"/>
<Context docBase="safe" path="/prod-api" reloadable="false"/>

6、启动tomcat

进入bin下通过 ./startup.sh进行启动。 

7、访问

通过ip+端口即可直接访问。

例如：localhost:8080，项目访问地址，对应的localhost:8080/safe（.env.production文件中的地址）就是后端接口地址。