前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >springMVC访问静态资源——js、css、img等资源访问不到

springMVC访问静态资源——js、css、img等资源访问不到

作者头像
Java架构师必看
发布2021-05-14 16:56:54
3.6K0
发布2021-05-14 16:56:54
举报
文章被收录于专栏:Java架构师必看Java架构师必看

springMVC访问静态资源——js、css、img等资源访问不到

进行springMVC的使用时,搭建框架的时候,发现一个简单的demo都跑不起来。发现引入的js出现404了。之后就查找各种资料后,发现,原来需要配置静态资源,否则不能进行访问指定的js资源。

在springmvn-servlet.xml文件中进行设置:

<?xml version="1.0" encoding="UTF-8"?>
<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">

    <context:component-scan base-package="com.xueyoucto.xueyou.controller"/>
    <context:component-scan base-package="com.xueyoucto.xueyou.utils"/>

    <mvc:annotation-driven/>
    <mvc:resources location="/Component/" mapping="/Component/**"/>
    <mvc:resources location="/img/" mapping="/img/**"/>
    <mvc:resources location="/js/" mapping="/js/**"/>
    <mvc:resources location="/css/" mapping="/css/**"/>
</beans>

主要是如下内容:

<mvc:resources location="/Component/" mapping="/Component/**"/>
    <mvc:resources location="/img/" mapping="/img/**"/>
    <mvc:resources location="/js/" mapping="/js/**"/>
    <mvc:resources location="/css/" mapping="/css/**"/>

其中location是真实的路径,mapping是对外显示的映射的路径。

现在,我想在hello.jsp中引用hello.js和jquery-2.2.2.js,那么我需要在hello.jsp中这样写:

<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<html>
<head>
  <script type="text/javascript" src="${pageContext.request.contextPath}/Component/jquery-2.2.2.js"></script>
  <script type="text/javascript" src="${pageContext.request.contextPath}/js/hello.js"></script>
    <title>ccc</title>
</head>
<body>
<h1>hello</h1>
</body>
</html>

这样能够引入hello.js。

如果把springmvc-servlet.xml中的mapping映射修改一下:

<mvc:resources location="/Component/" mapping="/Component_mapping/**"/>
    <mvc:resources location="/img/" mapping="/img_mapping/**"/>
    <mvc:resources location="/js/" mapping="/js_mapping/**"/>
    <mvc:resources location="/css/" mapping="/css_mapping/**"/>

这时候,在hello.jsp中引用js的时候就需要这样引用:

<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<html>
<head>
  <script type="text/javascript" src="${pageContext.request.contextPath}/Component_mapping/jquery-2.2.2.js"></script>
  <script type="text/javascript" src="${pageContext.request.contextPath}/js_mapping/hello.js"></script>
    <title>ccc</title>
</head>
<body>
<h1>hello</h1>
</body>
</html>

运行效果:

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • springMVC访问静态资源——js、css、img等资源访问不到
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档