windows系统用tomcat部署前后端分离项目_tomcat 实现前后端分离

一.项目打包

1.springboot

1）启动类继承SpringBootServletInitializer类并重写configure方法

@SpringBootApplication
public class MainApplication extends SpringBootServletInitializer {
 
    @Override
    protected SpringApplicationBuilder configure(SpringApplicationBuilder builder) {
        return builder.sources(MainApplication.class);
    }
 
    public static void main(String[] args) {
        SpringApplication.run(MainApplication.class, args);
    }
}

2）修改pom中的打包方式为war，记得<java.version>的jdk版本与tomcat一致

    <packaging>war</packaging>
    <properties>
        <java.version>tomcatJDK版本</java.version>
    </properties>

3）添加serclet依赖，排除springboot中的内置的tomcat，以便部署到外部的tomcat容器

        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-web</artifactId>
            <exclusions>
                <exclusion>
                    <groupId>org.springframework.boot</groupId>
                    <artifactId>spring-boot-starter-tomcat</artifactId>
                </exclusion>
            </exclusions>
        </dependency>
        <dependency>
            <groupId>javax.servlet</groupId>
            <artifactId>javax.servlet-api</artifactId>
            <version>4.0.1</version>
            <scope>provided</scope>
        </dependency>

4）执行maven命令clear-> package，在target文件夹下生成一个war包

5）tomcat8直接将war包放入tomcat下载路径下的webapps下

5.1 ）tomcat10需要下载官方的工具类对war包进行二次编译，将二次编译后的war包放到webapps目录下

具体方法：

将下载的zip文件解压，进入解压文件的lib目录下

将idea打包好的war包复制过来，打开命令行

执行命令生成二次编译war包

java -jar jakartaee-migration-1.0.7.jar -zipInMemory wuyou-backend-0.0.1-SNAPSHOT.war chuangxin.war

将二次编译的war包放到tomcat路径下webapps目录下

tomcat相关配置文件修改

修改tomcat下conf目录下的server.xml，catalina.properties，logging.properties文件配置

1）catalina.properties

tomcat.util.scan.StandardJarScanFilter.jarsToSkip=*.jar

2）server.xml（这边不做修改tomcat编译不到你的后端文件）

<Context path="" docBase="war包所在位置" debug="0" reloadable="true" />

3）logging.properties（编码格式修改为GBK，解决tomcat启动乱码问题）

2.前端项目

1）vscode 可Build生成dist文件夹的前端项目

不同的前端架构生成的位置或文件名不同 详见架构官方文档

2）HbuilderX

3）tomcat文件配置

将静态文件放到tomcat下webapps目录

添加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>Router for Tomcat</display-name>
    <error-page>
       <error-code>404</error-code>
       <location>/index.html</location>
   </error-page>
</web-app>

3.启动或重启tomcat

（检查任务管理器中的tomcat服务是否关闭）