spring 3.0 web mvc中找不到JS和CSS文件错误答案

【问题标题】：JS and CSS file not found error in spring 3.0 web mvcspring 3.0 web mvc中找不到JS和CSS文件错误
【发布时间】：2013-04-12 15:05:05
【问题描述】：

我是 Spring 新手，我使用的是 spring 3.0 web mvc，我包含 js 和 css 文件，但它不适用于页面。Firebug 显示 js 和 css 文件的 404 错误。我尝试了很多组合来包含 js 和 css 文件，但没有任何效果。请为此提出一些建议。目录结构为：

SpringApp
--WebContent
  --resources
    --style.css
    --script.js
  --WEB-INF
    --views
           index.jsp
           ---------

这是我的 web.xml 文件---

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:web="http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" id="WebApp_ID" version="2.5">


<display-name>DojoSpring</display-name>
<servlet-name>SpringDojo</servlet-name>
<servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
<load-on-startup>1</load-on-startup>
</servlet>

<servlet-mapping>
  <servlet-name>SpringDojo</servlet-name>
   <url-pattern>/</url-pattern>
</servlet-mapping>

这是我的 Spring 配置文件-----

<beans xmlns="http://www.springframework.org/schema/beans"
xmlns:context="http://www.springframework.org/schema/context"
xmlns:mvc="http://www.springframework.org/schema/mvc" 
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"


xsi:schemaLocation="http://www.springframework.org/schema/beans  
http://www.springframework.org/schema/beans/spring-beans-3.0.xsd
http://www.springframework.org/schema/context 
http://www.springframework.org/schema/context/spring-context-3.0.xsd 
http://www.springframework.org/schema/mvc 
http://www.springframework.org/schema/mvc/spring-mvc-3.0.xsd">

<import resource="dbconfig.xml"/>

<mvc:annotation-driven />
<mvc:default-servlet-handler/>
<context:component-scan base-package="com.abc.controllers" />

<bean class="org.springframework.web.servlet.view.InternalResourceViewResolver">
<property name="prefix" value="/WEB-INF/views/"/>
<property name="suffix" value=".jsp"/>
</bean>

</beans>
</web-app>

这是我的 index.jsp 文件--------

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Spring</title>
   <script type="text/javascript" src="/resources/script.js">
</head>
<body onload="testFun()">
    Welcome to spring world....
</body>
</html>

【问题讨论】：

试试这个...
我试试这个，但 Fire bug 给了我这个错误 NetworkError: 404 Not Found - localhost:8090/DojoSpring/resources/script.js"

标签： javascript css file spring-mvc include

【解决方案1】：

在 web.xml 中添加以下内容

<servlet-mapping>
  <servlet-name>default</servlet-name>
  <url-pattern>*.css</url-pattern>
</servlet-mapping>
<servlet-mapping>
  <servlet-name>default</servlet-name>
  <url-pattern>*.js</url-pattern>
</servlet-mapping>

并使用以下内容包含静态 js 文件

<script type="text/javascript" src="resources/script.js"> </script>

【讨论】：

【解决方案2】：

请检查此链接。我试过了，它对我很好。但只有当我将资源保存在 WEB-INF 文件夹之外时，它才对我有用。

http://www.stackoverflow.com/questions/11952212/spring-3-1-javascript-file-not-found-404-error

【讨论】：

【解决方案3】：

你可以试试这个吗？

<display-name>DojoSpring</display-name>
<servlet-name>SpringDojo</servlet-name>
<servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
<load-on-startup>2</load-on-startup>
</servlet>

<servlet>
<servlet-name>Resource Servlet</servlet-name>
<servlet-class>org.springframework.js.resource.ResourceServlet</servlet-class>
<load-on-startup>1</load-on-startup>
</servlet>

<servlet-mapping>
<servlet-name>SpringDojo</servlet-name>
<url-pattern>/</url-pattern>
</servlet-mapping>
<servlet-mapping>

<servlet-name>Resource Servlet</servlet-name>
<url-pattern>/resources/*</url-pattern>
</servlet-mapping>

并为每次调用静态资源添加${pageContext.request.contextPath}/。

【讨论】：

谢谢您的回复。正如我上面提到的，我使用的是 spring 3.0，它不支持这个。
我尝试了这个但是给出了错误-NetworkError: 404 Servlet Resource Servlet is not available - localhost:8090/DojoSpring/resources/script.js by Firebug (Firefox)