vue项目打包到springboot
时间: 2023-09-08 21:11:34 浏览: 221
vue+js+ssm+springboot滴答拍摄影项目【毕设源码+PPT】.rar
将Vue项目打包到Spring Boot可以将前端和后端集成在一起,从而方便部署和管理。下面是一个基本的步骤:
1. 在Vue项目中运行 `npm run build` 命令,将Vue项目打包成静态文件。
2. 将打包后的静态文件(通常在`dist`目录下)复制到Spring Boot项目的`src/main/resources/static`目录下。
3. 在Spring Boot项目中添加Maven或Gradle依赖以支持Web应用程序,例如:
```xml
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-web</artifactId>
</dependency>
```
4. 创建一个Spring Boot控制器类,用于处理静态文件请求。例如:
```java
@Controller
public class StaticController {
@GetMapping("/")
public String index() {
return "index.html";
}
}
```
5. 在`application.properties`或`application.yml`文件中配置Spring Boot的端口号和静态资源路径。例如:
```yml
server:
port: 8080
servlet:
context-path: /api
spring:
resources:
static-locations: classpath:/static/
```
6. 在Spring Boot项目中运行`mvn spring-boot:run`或`gradle bootRun`命令,启动Spring Boot应用程序。
现在,您的Vue应用程序已经成功打包到Spring Boot中,并可以通过访问`http://localhost:8080`来查看它。
阅读全文