vue项目打包后的dist文件放在resources里面Spring-mvc怎么配置
时间: 2024-02-13 18:07:17 浏览: 147
如果你想将 Vue 项目打包后的 dist 文件放在 Spring MVC 项目的 resources 目录下,可以按照以下步骤进行配置:
1. 在 Spring MVC 项目的 src/main/webapp 目录下新建一个 resources 目录,用于存放静态资源文件。
2. 将 Vue 项目打包后的 dist 文件夹复制到 resources 目录下。
3. 在 Spring MVC 项目的 web.xml 文件中添加如下配置:
```xml
<servlet-mapping>
<servlet-name>default</servlet-name>
<url-pattern>/resources/*</url-pattern>
</servlet-mapping>
```
这个配置的作用是将所有以 /resources/ 开头的请求映射到默认的 servlet 上,以便能够正确访问静态资源文件。
4. 在 Spring MVC 的配置文件中添加如下配置:
```xml
<mvc:resources mapping="/resources/**" location="/resources/" />
```
这个配置的作用是将所有以 /resources/ 开头的请求映射到 resources 目录下的静态资源文件。
5. 在 JSP 中引用静态资源文件时,可以使用以下代码:
```html
<link rel="stylesheet" type="text/css" href="<c:url value='/resources/css/style.css' />">
<script type="text/javascript" src="<c:url value='/resources/js/app.js' />"></script>
```
这个代码的作用是将 /resources/css/style.css 和 /resources/js/app.js 等静态资源文件引入到 JSP 页面中。
注意:以上配置仅适用于 Spring MVC 项目,如果你使用的是其他的 MVC 框架,可能需要进行不同的配置。
阅读全文