SpringMVC项目的jsp中无法引入css、javascript文件

jsp中无法引入CSS、js文件

这个问题真的困扰我太久了!

真的看了有几百篇博客尝试了不知道多少种方法!
什么过滤器的配置、静态资源拦截、maven打包js/css插件 、css文件编码格式改成UTF-8等等等等!

折腾了一百遍屡屡不见成效!
今天下决心一定要把这个问题解决了!

一方面通过Chrom浏览器的控制台查
一方面不断调试idea的后台文件路径

刚开始的时候一直报错:找不到相关的css文件
但是在idea里面用command+鼠标点击是可以跳转到css文件的
这就奇怪了?

SpringMVC项目的jsp中无法引入css、javascript文件_第1张图片

而且更坑的是,在index.jsp中用…表示上层目录的时候,完全没有提示,而且按照相对路径去找WEB-INF上层的文件一直显示找不到文件,如下图,后来才发现完全可以找到,而且即使在找到的情况下,IDEA也会继续显示cannot resolve file ,不知道是bug还是有什么规则限制了。

所以我一直把css和js文件放在WEB-INF文件夹里面,这也是问题的关键所在!!!!!!

SpringMVC项目的jsp中无法引入css、javascript文件_第2张图片

解决方法:

将css/js文件放在web文件夹下,使用

…/static/css/**.css.

…/static/js/**.js

格式的相对路径来访问,不要管是否有提示!直接写!

SpringMVC项目的jsp中无法引入css、javascript文件_第3张图片 SpringMVC项目的jsp中无法引入css、javascript文件_第4张图片

其实仔细一想问题很简单!

原因在于:处于安全考虑,外部无法直接访问WEB-INF文件夹的内容,所以一定要将css/js文件放在WEB-INF文件夹的外面!!坑!!!!

不过好在终于解决了!睡觉!

你可能感兴趣的:(报错与修改,jsp,java,springmvc,css,js)