SpringMVC加载静态资源遇到的问题

最新推荐文章于 2022-12-14 14:40:03 发布

是zg啊！

最新推荐文章于 2022-12-14 14:40:03 发布

阅读量222

点赞数

分类专栏： JavaWeb 文章标签： SpringMVC JavaWeb

本文链接：https://blog.csdn.net/bitcoinr/article/details/115309162

版权

JavaWeb 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

本文介绍了Java Web应用中WEB-INF目录的安全性，以及SpringMVC配置以允许访问静态资源如CSS、JavaScript和图片。在web.xml和springMVC.xml中设置过滤器和前端控制器，确保了对静态文件的正确访问。示例中展示了正常加载静态资源的jsp页面和因路径问题导致图片无法加载的jsp页面。

摘要由CSDN通过智能技术生成

1.WEB-INF是Java的WEB应用的安全目录，客户端无法访问，只有服务端才可以访问

在这里插入图片描述

2.访问webapp下(WEB-INF以外)的静态资源文件时，springMVC.xml和web.xml要如下配置：

springMVC.xml

<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
       xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
       xmlns:mvc="http://www.springframework.org/schema/mvc"
       xmlns:context="http://www.springframework.org/schema/context"
       xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd
                    http://www.springframework.org/schema/mvc http://www.springframework.org/schema/mvc/spring-mvc.xsd
                    http://www.springframework.org/schema/context  http://www.springframework.org/schema/context/spring-context.xsd">

    <!--开启注解扫描-->
    <context:component-scan base-package="cn.zg"/>

    <!--配置视图解析器-->
    <bean id="internalResourceViewResolver" class="org.springframework.web.servlet.view.InternalResourceViewResolver">
        <property name="prefix" value="/WEB-INF/pages/"/>
        <property name="suffix" value=".jsp"/>
    </bean>

    <!--前端控制器，哪些静态资源不拦截-->
    <mvc:resources mapping="/css/**" location="/css/"/>
    <mvc:resources mapping="/image/**" location="/image/"/>
    <mvc:resources mapping="/js/**" location="/js/"/>

    <!--开启springMVC注解支持-->
    <mvc:annotation-driven/>

</beans>

web.xml

<!DOCTYPE web-app PUBLIC
 "-//Sun Microsystems, Inc.//DTD Web Application 2.3//EN"
 "http://java.sun.com/dtd/web-app_2_3.dtd" >

<web-app>
  <display-name>Archetype Created Web Application</display-name>

  <filter>
    <filter-name>filter</filter-name>
    <filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class>
    <init-param>
      <param-name>encoding</param-name>
      <param-value>utf-8</param-value>
    </init-param>
  </filter>
  <filter-mapping>
    <filter-name>filter</filter-name>
    <url-pattern>/*</url-pattern>
  </filter-mapping>

  <servlet>
    <servlet-name>dispatcherServlet</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>dispatcherServlet</servlet-name>
    <url-pattern>/</url-pattern>
    <!--url-pattern：表示哪些请求交给Spring Web MVC处理， “/” 是用来定义默认servlet映射的。也可以如“*.html”表示拦截所有以html为扩展名的请求。-->
  </servlet-mapping>

</web-app>

3.当webapp下的response.jsp被访问时，静态资源能被加载出来。

response.jsp

<%--
  Created by IntelliJ IDEA.
  User: zg
  Date: 2021/3/28
  Time: 20:03
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" %>
<html>
<head>
    <title>Response</title>
    <script src="js/jquery.min.js"></script>
    <script>
        $(function () {
            $("#btn").click(function () {
                alert("hello");
            });
        });
    </script>
</head>
<body>
    <button id="btn">发送一个异步请求</button>
    <img src="image/test.png" alt="picture"/>
</body>
</html>

在这里插入图片描述

4.当WEB-INF下的jsp文件直接访问WEB-INF外的image包中的图片时，图片不能加载。

success.jsp(通过视图解析器跳转)

<%--
  Created by IntelliJ IDEA.
  User: zg
  Date: 2021/3/28
  Time: 19:57
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Success</title>
</head>
<body>
    <h3>操作成功</h3>
    <img src="../../image/test.png" alt="picture"/>
</body>
</html>