SpringMVC js/css等静态资源引入不起作用问题

本文探讨了在使用SpringMVC框架时,因DispatcherServlet配置不当导致的js/css等静态资源加载失败问题。通过在配置文件中加入<mvc:default-servlet-handler/>和<mvc:annotation-driven></mvc:annotation-driven>标签,可有效解决此问题,并介绍了如何正确设置静态资源路径。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

在开发利用 SpringMVC 框架开发时经常会遇到 js/css 等静态资源不起作用的问题,其中的原因也很简单,只是我们配置 DispatcherServlet 时候,把拦截的请求配置成了拦截所有请求,包括 js/css 等静态资源请求。如下
 

  <servlet>
    <servlet-name>springDispatcherServlet</servlet-name>
    <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
    <init-param>
      <param-name>contextConfigLocation</param-name>
      <param-value>classpath:springmvc.xml</param-value>
    </init-param>
    <load-on-startup>1</load-on-startup>
  </servlet>
  <servlet-mapping>
    <servlet-name>springDispatcherServlet</servlet-name>
    <url-pattern>/</url-pattern>
  </servlet-mapping>

<url-pattern>/</url-pattern> 表示拦截所有请求。
在后台会出现这个警告
警告: No mapping found for HTTP request with URI [/SpringMVC_2/scripts/jquery-1.9.1.min.js] in DispatcherServlet with name 'springDispatcherServlet'

解决方法:

     在 SpringMVC 的配置文件 springmvc.xml 中加入
 

	<mvc:default-servlet-handler/>
	
	<mvc:annotation-driven></mvc:annotation-driven>

<mvc:default-servlet-handler/> 将在 SpringMVC 上下文中定义一个 DefaultServletHttpRequestHandler,它会对进入DispatcherServlet 的请求进行筛查,如果发现是没有经过映射的请求,就将该请求交由 WEB 应用服务器默认的 Servlet 处理,如果不是静态资源的请求,才由 DispatcherServlet 继续处理。

<mvc:annotation-driven></mvc:annotation-driven> 如果仅仅加入 <mvc:default-servlet-handler/> 会导致原来本来正常的 url 请求也会出错了,加上这个标签可以避免这个问题出现。

当加入这两个标签后,上述的警告就不会有了,可是如果 js/css 用相对路径时,如:
 

<script type="text/javascript" src="../../scripts/jquery-1.9.1.min.js"></script>

这样同样还是不起作用,这时只要把相对路径改为绝对路径就可以了。如下:

<c:set var="baseurl" value="${pageContext.request.contextPath }"></c:set>
<script type="text/javascript" src="${baseurl }/scripts/jquery-1.9.1.min.js"></script>

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值