jsp>jspCSSjs_0">jsp>jsp中无法引入CSS、js文件
这个问题真的困扰我太久了!
真的看了有几百篇博客尝试了不知道多少种方法!
什么过滤器的配置、静态资源拦截、maven打包js/css插件 、css文件编码格式改成UTF-8等等等等!
折腾了一百遍屡屡不见成效!
今天下决心一定要把这个问题解决了!
一方面通过Chrom浏览器的控制台查
一方面不断调试idea的后台文件路径
刚开始的时候一直报错:找不到相关的css文件
但是在idea里面用command+鼠标点击是可以跳转到css文件的
这就奇怪了?
![在这里插入图片描述](https://tva1.sinaimg.cn/large/008i3skNgy1gsb778p22aj32800ie0xg.jpg)
而且更坑的是,在index.jsp>jsp中用…表示上层目录的时候,完全没有提示,而且按照相对路径去找WEB-INF上层的文件一直显示找不到文件,如下图,后来才发现完全可以找到,而且即使在找到的情况下,IDEA也会继续显示cannot resolve file ,不知道是bug还是有什么规则限制了。
所以我一直把css和js文件放在WEB-INF文件夹里面,这也是问题的关键所在!!!!!!
![在这里插入图片描述](https://tva1.sinaimg.cn/large/008i3skNgy1gsb779xelwj313o0bswv6.jpg)
解决方法:
格式的相对路径来访问,不要管是否有提示!直接写!
![](https://tva1.sinaimg.cn/large/008i3skNgy1gsb779c2tej30xs09udgw.jpg)
![](https://tva1.sinaimg.cn/large/008i3skNgy1gsb77apaqtj30yq084gmo.jpg)
其实仔细一想问题很简单!
原因在于:处于安全考虑,外部无法直接访问WEB-INF文件夹的内容,所以一定要将css/js文件放在WEB-INF文件夹的外面!!坑!!!!
不过好在终于解决了!睡觉!