配置好框架后，资源文件如CSS样式、图片image、JS加载不了的解决方案

今天，前端的同学把JSP页面发给我后，叫我集成SSM框架，哐哐哐，把配置文件写好后，运行，duang！

右键查看源代码，随便点击一个资源文件的链接，404！

资源文件加载不了！！

慌了好久，找到了几种解决方案：

修改 web.xml 文件，不让SpringMVC框架拦截所有，只拦截 .do的请求。

    <servlet><servlet-name>springmvc</servlet-name><servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class><init-param><param-name>contextConfigLocation</param-name><param-value>classpath:springmvc-servlet.xml</param-value></init-param><load-on-startup>1</load-on-startup></servlet><servlet-mapping><servlet-name>springmvc</servlet-name><url-pattern>*.do</url-pattern></servlet-mapping>

修改SpringMVC配置文件，让它知道哪些是资源文件，不进行拦截

<mvc:annotation-driven />
<mvc:default-servlet-handler />
<mvc:resources location="/js/" mapping="/js/**"/>
<mvc:resources location="/css/" mapping="/css/**"/>
<mvc:resources location="/img/" mapping="/img/**"/>
<mvc:resources location="/fonts/" mapping="/fonts/**"/>
<mvc:resources location="/ajax/" mapping="/ajax/**"/>

在 web.xml 中增加对静态资源的处理

<servlet-mapping>
2     <servlet-name>default</servlet-name>
3     <url-pattern>*.js</url-pattern>
4     <url-pattern>*.css</url-pattern>
5     <url-pattern>/assets/*"</url-pattern>
6     <url-pattern>/images/*</url-pattern>
7 </servlet-mapping>

最后，可能需要注意一下导入的 jar 包和配置文件中命名空间的版本是否一致

关注公众号，一起成长、一起 To Be Better

配置好框架后，资源文件如CSS样式、图片image、JS加载不了的解决方案相关推荐

CSS实现树形结构 + js加载数据
看到一款树形结构,比较喜欢它的样式,就参照它的外观自己做了一个,练习一下CSS. 做出来的效果如下: 拉莫小学一年级一班二班二年级三年级一班二班三班树的dom结构: <div ...
VuePress打包后没有样式或者没有图片或者js加载失败
原因是没有部署到服务器上!!! 这可能是我们打包后的东西直接点击index.html 变成这样了!!什么样式都没有了,怎么办那? 很简单,找个服务器部署以下就什么都有了!!正好我们的springbo ...
SpringBoot访问静态资源文件（css、js、images）
(1)引入静态资源时,错误解决方法在做SpringBoot访问静态资源文件(css.js.images)时候,发现总是报错: 以为是路径中没有添加static,所以路径又添加static,再次访问如 ...
html无法引入less样式,@import less样式文件只有css样式生效， less样式却不生效
使用webp享.发概程间告屏会.一控近到都从述序也问ack构建项目时 @import less文件时为什么只有文件里面css样式生效, less样式却不生支器事的后功发久这含层请间业在屏有随些气和域 ...
怎样将css导入html文件中,css样式怎么导入？
css导入样式的方法:1.使用@import导入CSS样式表.2.行内样式就是把css样式直接写在HTML标签中.3.内嵌样式主要是将样式写在标签中.4.链接样式主要是通过link标签将css文件链到 ...
[css] 如果css文件过大时，如何异步加载它？
[css] 如果css文件过大时,如何异步加载它? 分割成多个CSS文件进行Gzip压缩link preload 个人简介我是歌谣,欢迎和大家一起交流前后端知识.放弃很容易, 但坚持一定很酷.欢迎大 ...
html js引用本地资源,【基本解决】js加载本地文件
[背景] 折腾: 期间,可以把问题转换为: 用js,去加载,读取本地的文件. [折腾过程] 1.搜: js load local file js read local file 参考: 试试:func ...
判断脚本，图片，CSS，iframe等是否加载完成
1.图片 <img id="MyImg" src="src"/> jquery实现: $("#MyImg").load(func ...
VS报错之混合模式程序集是针对“v1.1.4322”版的运行时生成的，在没有配置其他信息的情况下，无法在 4.0 运行时中加载该程序集。...
看到一个kinect大牛编写的一个水果忍者的体感游戏版本,让我为自己一直以来只用现有的网页游戏来模拟kinect体感游戏控制感到惭愧,没办法,我还是菜鸟.学习一段后自己模仿星际大战这个游戏,自己写了一 ...

配置好框架后，资源文件如CSS样式、图片image、JS加载不了的解决方案

配置好框架后，资源文件如CSS样式、图片image、JS加载不了的解决方案相关推荐

最新文章

热门文章