vue打包部署到springboot并通過tomcat運(yùn)行的操作方法

更新時(shí)間：2024年05月28日 10:50:31 作者：young

這篇文章主要介紹了vue打包部署到springboot并通過tomcat運(yùn)行的操作方法,本文通過實(shí)例圖文并茂的形式給大家介紹的非常詳細(xì),感興趣的朋友跟隨小編一起看看吧

一. 打包Vue項(xiàng)目

cmd中輸入命令 npm run build 后就可打包成功

打包完成后項(xiàng)目路徑下會(huì)生成一個(gè)新的文件夾dist，打包后的東西都在里面

二、整合Vue項(xiàng)目和SpringBoot項(xiàng)目

將Vue項(xiàng)目dist文件夾下的所有文件Copy到SpringBoot項(xiàng)目的resource/static目錄下

（沒有static就新建一個(gè)static文件夾）

然后配置Spring

三、修改Pom文件

1. 設(shè)置打包為war包（如果不需要可以不設(shè)置）

默認(rèn)打包成 jar包

想要打包成war包,需要在pom文件中添加以下這一行

<packaging>war</packaging>

2 . 排除掉 web 里面自帶的 Tomcat

只需要在spring-boot-starter-web 這個(gè)依賴上添加如下內(nèi)容：

<exclusions>
  <exclusion>
    <groupId>org.springframework.boot</groupId>
    <artifactId>spring-boot-starter-tomcat</artifactId>
  </exclusion>
</exclusions>

3. 添加一個(gè)自己的 Tomcat

添加以下依賴：

<dependency>
  	<groupId>org.springframework.boot</groupId>
    <artifactId>spring-boot-starter-tomcat</artifactId>
    <version>2.7.5</version>
    <scope>provided</scope>
</dependency>

查看spring-boot-starter-tomcat的版本

進(jìn)入你的Maven本地倉庫目錄（默認(rèn)是~/.m2/repository），然后導(dǎo)航到org/springframework/boot/spring-boot-starter-tomcat目錄，該目錄下會(huì)包含不同版本的文件夾，版本號就包含在這些文件夾名稱中。

四、添加配置類

在SpringBoot同級目錄下添加一下配置類ServletInitializer

讓其繼承一個(gè)類：SpringBootServletInitializer，并且覆蓋 configure 方法，在方法中添加 return builder.sources(WarehouseSystemApplication.class);

其中：WarehouseSystemApplication.class是啟動(dòng)類類名（每個(gè)人都不一樣）

package com.rabbiter;
import org.springframework.boot.builder.SpringApplicationBuilder;
import org.springframework.boot.web.servlet.support.SpringBootServletInitializer;
public class ServletInitializer extends SpringBootServletInitializer {
    public ServletInitializer() {
        System.out.println("初始化ServletInitializer");
    }
    @Override
    protected SpringApplicationBuilder configure(SpringApplicationBuilder application) {
        return application.sources(WarehouseSystemApplication.class);
    }
}

或者重新寫一個(gè)類 SpringBootStartApplication，和WarehouseSystemApplication平級，

package com.rabbiter;
import org.springframework.boot.builder.SpringApplicationBuilder;
import org.springframework.boot.web.servlet.support.SpringBootServletInitializer;
public class SpringBootStartApplication extends SpringBootServletInitializer {
    @Override
    protected SpringApplicationBuilder configure(SpringApplicationBuilder builder) {
        // 注意這里要指向原先用main方法執(zhí)行的Application啟動(dòng)類
        return builder.sources(WarehouseSystemApplication.class);
    }
}