vue打包后放到springboot
时间: 2023-10-31 09:07:20 浏览: 178
基于 vue+elementUI+springboot 做的一个 模仿'猪八戒'的服务外包平台+源代码+文档说明
1. 在Vue项目中运行 `npm run build` 命令,该命令会将Vue项目打包成静态文件。
2. 将打包后的文件夹(dist文件夹)复制到Spring Boot项目的src/main/resources/static目录下。
3. 在Spring Boot项目中创建一个Controller用于返回Vue静态页面,示例代码如下:
```
@RestController
public class ViewController {
@GetMapping("/")
public String index() {
return "index";
}
}
```
4. 在Spring Boot项目中配置静态资源访问路径,示例代码如下:
```
@Configuration
public class WebMvcConfig implements WebMvcConfigurer {
@Override
public void addResourceHandlers(ResourceHandlerRegistry registry) {
registry.addResourceHandler("/**")
.addResourceLocations("classpath:/static/");
}
}
```
5. 启动Spring Boot项目,在浏览器中访问`http://localhost:8080`即可访问Vue打包后的静态页面。
阅读全文