vue打包后的dist文件,放在springboot的resources文件下,应该怎么配置怎样访问
时间: 2024-02-13 07:04:08 浏览: 166
将 Vue 打包生成的 `dist` 文件夹放到 Spring Boot 项目的 `src/main/resources/static` 目录下,然后在 Spring Boot 项目的 `application.properties` 或 `application.yml` 文件中添加以下配置:
application.properties:
```
spring.mvc.static-path-pattern=/static/**
spring.resources.static-locations=classpath:/static/
```
application.yml:
```
spring:
mvc:
static-path-pattern: /static/**
resources:
static-locations: classpath:/static/
```
这样就可以通过 `http://localhost:8080/static/` 访问到 Vue 打包生成的页面了。注意,端口号可能需要根据实际情况进行修改。
相关问题
vue打包后放到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打包后的静态页面。
vue打包后如何在springboot中再次打包
可以将Vue的打包文件放到Spring Boot的静态资源文件夹中,然后通过Spring Boot的Maven插件进行打包。具体步骤如下:
1. 在Vue项目中执行npm run build命令,生成打包后的静态文件。
2. 将生成的dist文件夹复制到Spring Boot项目的src/main/resources/static目录下。
3. 在Spring Boot项目的pom.xml文件中添加以下Maven插件配置:
```xml
<build>
<plugins>
<plugin>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-maven-plugin</artifactId>
<executions>
<execution>
<goals>
<goal>repackage</goal>
</goals>
</execution>
</executions>
</plugin>
</plugins>
</build>
```
4. 执行mvn package命令,即可将Spring Boot应用和Vue打包文件一起打包成一个可执行的jar包。
注意:打包后的访问路径为http://localhost:8080/index.html,可以通过配置Spring Boot的视图解析器,使访问路径变为http://localhost:8080/。
阅读全文