vue项目打包到springboot
时间: 2023-08-05 15:11:12 浏览: 99
课设 毕设 vue+springboot 前后端分离 网上银行系统 功能详尽界面优美 A+级项目评价 附有详尽功能描述及使用手册
5星 · 资源好评率100%
将Vue项目打包到Spring Boot中可以使用以下步骤:
1. 打包Vue项目。使用命令`npm run build`打包Vue项目,并将生成的dist文件夹复制到Spring Boot项目的src/main/resources/static目录下。
2. 创建Spring Boot控制器。创建一个Spring Boot控制器,该控制器将被用于呈现Vue应用程序。在控制器类中添加以下代码:
```java
@Controller
public class HomeController {
@RequestMapping(value = "/")
public String index() {
return "index.html";
}
}
```
这个控制器会将请求重定向到index.html页面。
3. 在Spring Boot中配置静态资源访问。添加以下代码到Spring Boot配置类中:
```java
@Configuration
public class WebMvcConfig implements WebMvcConfigurer {
@Override
public void addResourceHandlers(ResourceHandlerRegistry registry) {
registry.addResourceHandler("/**")
.addResourceLocations("classpath:/static/")
.setCachePeriod(0);
}
}
```
4. 运行Spring Boot项目。使用命令`mvn spring-boot:run`运行Spring Boot项目,然后在浏览器中访问http://localhost:8080/即可查看Vue应用程序。
这些步骤可以将Vue项目成功打包到Spring Boot中,使其成为一个单一的可部署的应用程序。
阅读全文