sprintboot 发布vue项目
时间: 2023-08-23 08:06:59 浏览: 92
springboot+vue,前后端分离商城项目,有部署教程
5星 · 资源好评率100%
将 Vue 项目集成到 Spring Boot 中,可以使用 Spring Boot 的静态资源处理器来处理 Vue 打包生成的静态文件。以下是一个简单的步骤,可以帮助你将 Vue 项目发布到 Spring Boot 中:
1. 在 Vue 项目的根目录下,运行以下命令打包 Vue 应用程序:
```
npm run build
```
2. 打开 Spring Boot 项目,将 Vue 打包生成的 `dist` 文件夹复制到 Spring Boot 项目的 `src/main/resources/static` 目录下。
3. 在 Spring Boot 项目的 `pom.xml` 文件中添加以下依赖:
```xml
<dependency>
<groupId>org.webjars</groupId>
<artifactId>webjars-locator-core</artifactId>
<version>0.45</version>
</dependency>
```
4. 在 Spring Boot 项目的 `application.properties` 或 `application.yml` 文件中添加以下配置:
```yml
spring.resources.static-locations=classpath:/META-INF/resources/,classpath:/resources/,classpath:/static/,classpath:/public/,classpath:/webjars/
```
5. 在 Spring Boot 项目中创建一个 Controller,用于处理 Vue 应用程序的首页请求。例如,以下是一个简单的 Spring Boot Controller:
```java
@Controller
public class IndexController {
@GetMapping("/")
public String index() {
return "index.html";
}
}
```
6. 启动 Spring Boot 项目,访问 `http://localhost:8080/`,应该可以看到 Vue 应用程序的首页。
以上是一个简单的步骤,用于将 Vue 应用程序发布到 Spring Boot 项目中。具体的实现方式可能因为不同的框架和工具而有所不同。
阅读全文