springboot和vue如何放一块打包
时间: 2024-03-05 10:54:31 浏览: 66
Springboot项目与vue项目整合打包的实现方式
将Spring Boot和Vue打包在一起可以使用以下两种方法:
1. 将Vue打包后的静态文件放入Spring Boot应用的资源目录中,然后在Spring Boot应用中配置静态资源路径。
- 在Vue项目中执行`npm run build`打包项目。
- 把打包后的静态资源文件放入Spring Boot应用的`src/main/resources/static`目录下。
- 在Spring Boot应用的配置文件application.properties中配置静态资源路径:
```
spring.resources.static-locations=classpath:/static/
```
- 在浏览器中访问Spring Boot应用的URL即可访问Vue应用。
2. 使用maven插件将Vue项目打包成jar,然后将jar包引入Spring Boot应用中。
- 在Vue项目中执行`npm run build`打包项目。
- 使用maven插件将Vue项目打包成jar,可以使用vue-maven-plugin实现,具体配置可以参考插件文档。
- 在Spring Boot应用的pom.xml文件中引入Vue项目的jar包。
```
<dependency>
<groupId>com.example</groupId>
<artifactId>vue-project</artifactId>
<version>1.0.0</version>
<scope>runtime</scope>
</dependency>
```
- 在Spring Boot应用中配置静态资源路径。
```
spring.resources.static-locations=classpath:/static/
```
- 在浏览器中访问Spring Boot应用的URL即可访问Vue应用。
阅读全文