近段時間 做了一些前后端的開發 需要在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)
