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

news/2024/7/19 13:07:25 标签: jsp, java, springmvc, css, js

jsp>jspCSSjs_0">jsp>jsp中无法引入CSS、js文件

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

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

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

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

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

在这里插入图片描述

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

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

在这里插入图片描述

解决方法:

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

…/static/css/**.css.

…/static/js/**.js

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

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

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

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


http://www.niftyadmin.cn/n/1544536.html

相关文章

小程序数据变了页面未变_「小程序JAVA实战」小程序模块页面引用(18)

上一节,讲了模板的概念,其实小程序还提供了模块的概念。源码:https://github.com/limingios/wxProgram.git中的No.8小程序的WXS模块js代码块可以在页面中被引入使用定义*.wxs,module.exports暴露接口和属性从私有到公用的概念,通过…

thinkphp中的自动验证

array(验证字段,验证规则,错误提示,[验证条件,附加规则,验证时间]) 1.验证字段 需要验证的表单字段名称,这个字段不一定是数据库字段,也可以是表单的一些辅助字段,例如确认密码和验证码等等。有个别验证规则和字段无关的情况下,验…

alert中添加表格_封装elementui表格,我是这样做的

❝日日加班至夜半,环视周围无人走;明晚八点准时走,谁不打卡谁是狗。❞使用过element-ui的表格的同学应该都有这样的体会,做一个简单的表格还比较容易,但如果这个表格包含了顶部的按钮,还有分页,…

nginx docker官方镜像添加自定义命令自动退出

nginx docker官方镜像添加自定义启动命令自动退出 ​ 今天在启动nginx官方镜像的时候想在启动后执行一些CMD命令,但发现每次执行完CMD命令后镜像会自动退出,在网上查找后发现: ​ If you add a custom CMD in the Dockerfile, be sure to in…

关于把代码提交至SVN管理报错的问题

在代码没有提交之前你的Java类右下角会有个?号,提交之后就会消除。有时候代码Commit的时候会报钩子阻塞的错误,主要原因有两个: 1.comment没有填写,必须填写Jira里面的Key 2.你的代码写错地方了,与你的Jira里面的安排的…

react xml_React合集:(四)React中JSX语法介绍

React中JSX语法介绍一JSX是什么JSX是Javascript和XML结合的一种格式。React发明了JSX&#xff0c;可以方便的利用HTML语法来创建虚拟DOM&#xff0c;当遇到<&#xff0c;JSX就当作HTML解析&#xff0c;遇到{就当JavaScript解析。我们使用上节代码示例&#xff1a;import Rea…

《第一行代码》学习笔记27-持久化技术(6)

1.调用query()方法后会返回一个Cursor对象&#xff0c;查询到的所有数据都将从这个对象中取出。 2.&#xff08;1&#xff09;查询完之后就得到了一个Cursor对象&#xff0c;接着调用它的moveToFirst()方法将数据的指针移动到第一行的位置&#xff0c;然后进入一个循环当中&…

pip安装、升级、卸载包报错:OSError: [Errno 39] Directory not empty

pip安装、升级、卸载包报错&#xff1a;OSError: [Errno 39] Directory not empty ​ 今天想要安装某个pip包&#xff0c;需要自动升级setuptools包&#xff0c;在自动卸载的过程中报错&#xff1a; Could not install packages due to an EnvironmentError/OSError:[Errno 3…