spring mvc 页面访问图片或者js等静态文件路径出错问题

这是web工程的结构,图片放在images文件夹下,js文件放在resource文件夹下

然后就是进行spring mvc的配置,我上一篇文章就有讲到怎么去配置,但只是最简单的配置一下。

点击链接spring mvc的配置

访问页面成功后,下面就是对图片或者js等静态资源文件的访问,在success.jsp页面加入以下代码,如下(图片和js文件都是以自己的为准,这里只是以我的为例)

  <body>
    This is my success JSP page. <br>
   	<img src="/images/1.png">
  </body>
  <script src="/resource/jquery.panorama.js"></script>

当我们再次访问该页面时,发现图片显示错误和js引入错误

原因:web.xml配置文件配置了

	  <servlet-mapping>
	  	<servlet-name>springTest</servlet-name>
	  	<url-pattern>/</url-pattern>
	  </servlet-mapping>
"/"拦截了所有请求会导致静态资源无法访问

发生这种问题一共有两种方法解决

方法一:

在web.xml中引入spring mvc 之前加入如下代码即可(根据自己项目需求配置即可)

<!--     配置类型文件 -->  
    <servlet-mapping>  
        <servlet-name>default</servlet-name>  
        <url-pattern>*.css</url-pattern>  
    </servlet-mapping>  
    <servlet-mapping>  
        <servlet-name>default</servlet-name>  
        <url-pattern>*.gif</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>*.js</url-pattern>  
    </servlet-mapping>  
    <servlet-mapping>  
        <servlet-name>default</servlet-name>  
        <url-pattern>*.png</url-pattern>  
    </servlet-mapping> 
方法二:

在引入的springmvc.xml文件中加入

	  <mvc:resources location="/images/" mapping="/images/**"/>  
	  <mvc:resources location="/resource/" mapping="/resource/**"/> 
	  <mvc:annotation-driven/>
	  <mvc:default-servlet-handler/> 

其中 location 中的值代表的是所放的资源文件的位置,mapping的值是代表所访问的路径,如(<img src="/images/1.png">)

配置完所有文件后,资源文件就可以引用了,重新启动tomcat,访问页面图片正常显示

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值