后端 SpringBoot + 前端 vue 打包發布到Tomcat


 近段時間 做了一些前后端的開發 需要在Tomcat里進行發布    把自己整理的分享出來

 

后端打包

pom.xml 文件

 <packaging>war</packaging>

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

<--去掉內置的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>

 <build>
        <plugins>
            <plugin>
                <groupId>org.apache.maven.plugins</groupId>
                <artifactId>maven-war-plugin</artifactId>
            </plugin>
        </plugins>
    </build>

 

啟動類:Application

@ServletComponentScan
@SpringBootApplication

//繼承SpringBootServletInitializer 類
public class Application extends SpringBootServletInitializer {
   public static void main(String[] args) { 
      SpringApplication.run(Application.class, args);
   } 
//重寫configure方法
    @Override
    protected SpringApplicationBuilder configure(SpringApplicationBuilder builder) {
        return builder.sources(Application.class);
    }
}

 

 在終端執行命令 mvn clean package

項目刷新 會多出一個target目錄

 

.war的包 拷貝到Tomcat的webapps目錄下即可 

 

 

效果如下:(開啟tomcat)

 傳送門 

 

 

前端vue 打包

輸入指令 : npm run build

項目目錄會多出一個 dist目錄 如下所示:

 

 

將dist目錄拷貝到Tomcat 下的webapps目錄下即可 :

 

 

效果如下:(開啟tomcat)

 傳送門 

 

 

 

 

 

 文章借鑒於:https://yq.aliyun.com/articles/479023


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM