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