最近在自学前端的BootStrap框架、后台的springMVC,做练习的时候,把两者结合起来一起练习。在解决了springMVC后台的各种各样的奇葩问题之后,终于。。。。。
又遇到了一个更加奇葩的问题:我引入的前端框架的所有资源文件,包括css样式文件、js文件都出现404错误,开始我以为是路径没写对,于是换了一种写法,即:
<link rel="stylesheet" href="${pageContext.request.contextPath}/css/bootstrap.css" />
<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-1.11.0.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/bootstrap.js"></script>
可是,用这样的写法还是出现404,我F12看了看文件的路径,没写错啊!!!
我在回头看看了看我的web.xml配置文件,在仔仔细细研究了大半天以后,终于发现了一个问题:
一下是我没有改动之前的web.xml文件:
<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xmlns="http://xmlns.jcp.org/xml/ns/javaee"
xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd"
id="WebApp_ID" version="3.1">
<!-- The front controller of this Spring Web application, responsible for
handling all application requests -->
<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>
<!-- Map all requests to the DispatcherServlet for handling -->
<servlet-mapping>
<servlet-name>springDispatcherServlet</servlet-name>
<url-pattern>/</url-pattern>
</servlet-mapping>
</web-app>
问题就在其中的:
<servlet-mapping>
<servlet-name>springDispatcherServlet</servlet-name>
<url-pattern>/</url-pattern>
</servlet-mapping>
里面的<url-pattern>/</url-pattern>表示拦截当前工程下的所有请求。所有请求???也就是包括我们的css样式文件、js文件等等。知道问题所在就好办了。
以下是解决办法:
一、修改其中的“/”为我们想要的拦截,比如改为:.do这种样式,但是这种做法的弊端就是:我们所有的想要拦截的请求都必须要带上.do;
当然还有第二种方法:
<servlet-mapping>
<servlet-name>default</servlet-name>
<url-pattern>*.js</url-pattern>
</servlet-mapping>
<servlet-mapping>
<servlet-name>default</servlet-name>
<url-pattern>*.css</url-pattern>
</servlet-mapping>
<servlet-mapping>
<servlet-name>default</servlet-name>
<url-pattern>*.jpg</url-pattern>
</servlet-mapping>
<servlet-mapping>
<servlet-name>default</servlet-name>
<url-pattern>*.png</url-pattern>
</servlet-mapping>
把上面这段代码直接复制到你的web.xml文件里面问题就解决了,如果其中没有你想要的不像兰姐的类型,你可以参照这种格式自己添加进去。
第三种方法就是在springmvc.xml配置文件中加入以下代码:
<!-- 处理静态资源,解决css、js等文件引入出现404:让DispatcherServlet核心控制器其他映射无效 -->
<mvc:default-servlet-handler/>
<!-- 解决控制器无效问题 -->
<mvc:annotation-driven></mvc:annotation-driven>
以下是我的springmvc.xml文件的部分配置,还不会的朋友可以参考参考:
<beans xmlns="http://www.springframework.org/schema/beans"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:context="http://www.springframework.org/schema/context"
xmlns:mvc="http://www.springframework.org/schema/mvc"
xsi:schemaLocation="http://www.springframework.org/schema/mvc http://www.springframework.org/schema/mvc/spring-mvc-4.3.xsd
http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd
http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context-4.3.xsd">
<context:component-scan
base-package="com.fengye.Handler,com.fengye.pojo,com.fengye.dao"></context:component-scan>
<bean
class="org.springframework.web.servlet.view.InternalResourceViewResolver">
<property name="prefix" value="/"></property>
<property name="suffix" value=".jsp"></property>
</bean>
<!-- 国际化配置 注意:其中的id必须为:messageSource;value的值为资源文件名 -->
<bean id="messageSource"
class="org.springframework.context.support.ResourceBundleMessageSource">
<property name="basename" value="international"></property>
</bean>
<!-- 处理静态资源,解决css、js等文件引入出现404:让DispatcherServlet核心控制器其他映射无效 -->
<mvc:default-servlet-handler />
<!-- 解决控制器无效问题 -->
<mvc:annotation-driven></mvc:annotation-driven>
</beans>