JSP页面无法加载.js文件的解决方案

简介: JSP页面无法加载.js文件的解决方案

1. maven工程项目结构



网络异常,图片无法展示
|


工程结构图


2. jsp文件中的引入方式截图



网络异常,图片无法展示
|


js文件引入方式截图


3. 报错现象截图



网络异常,图片无法展示
|


jsp页面报错截图


4. 报错原因分析:


从工程结构和引入路径来看,没有问题.这点可通过:在jsp代码页面,ctrl+鼠标左键,点击文件路径观察是否可以链接到那个js文件 验证.通过验证没有问题.但是一直报404,说明访问被拦截住了.最后分析查找得知,是因为在web.xml缺少了SpringMVC拦截设置.

注意: 下面这段代码,要写在引入springMVC代码前。


<!-- 配置拦截路径 --> 
<!-- 同样道理,也对其他的后缀名进行了设置 --> 
<servlet-mapping> 
    <servlet-name >default </servlet-name >  
    <url-pattern >*.js</url-pattern>  
</servlet-mapping > 
<servlet-mapping > 
    <servlet-name >default </servlet-name >  
    <url-pattern >*.css</url-pattern>  
</servlet-mapping > 
<servlet-mapping > 
    <servlet-name >default </servlet-name >  
    <url-pattern >*.htm</url-pattern>  
</servlet-mapping > 
<servlet-mapping > 
    <servlet-name >default </servlet-name >  
    <url-pattern >*.gif</url-pattern>  
</servlet-mapping >


servlet-mapping是用于servlet的路径映射配置,其中url-pattern为指定的映射拦截路径。 在SpringMVC中,url-pattern指定了spring需要拦截派发的路径。

url-pattern有5种配置模式:


(1)/xxx:完全匹配/xxx的路径


(2)/xxx/*:匹配以/xxx开头的路径,请求中必须包含xxx。


(3)/*:匹配/下的所有路径,请求可以进入到action或controller,但是转发jsp时再次被拦截,不能访问jsp界面。


(4).xx:匹配以xx结尾的路径,所有请求必须以.xx结尾,但不会影响访问静态文件。


(5)/:默认模式,未被匹配的路径都将映射到刺servlet,对jpg,js,css等静态文件也将被拦截,不能访问。


容器匹配路径的规则:


a.容器会对路径进行完全匹配,找到成功匹配为止


b.容器会递归地尝试匹配最长的路径前缀。这是一次向下路径树的目录,使用“/”字符作为路径分隔符。最长的匹配决定选定的servlet


c.假于路径有后缀,容器会匹配指定后缀的servlet去处理


d.以上三点都没符合的,当有默认的servlet,会被调用

相关文章
|
2月前
|
Java 应用服务中间件 开发工具
如何使用IDEA创建JSP页面
如何使用IDEA创建JSP页面
231 0
|
1月前
|
JavaScript 前端开发 程序员
前端原生Js批量修改页面元素属性的2个方法
原生 Js 的 getElementsByClassName 和 querySelectorAll 都能获取批量的页面元素,但是它们之间有些细微的差别,稍不注意,就很容易弄错!
|
1月前
|
缓存 前端开发 JavaScript
JavaScript加载优化
JavaScript加载优化
|
1月前
|
缓存 前端开发 JavaScript
优化CSS和JavaScript加载
优化CSS和JavaScript加载
|
1月前
|
缓存 前端开发 JavaScript
优化CSS和JavaScript加载
Next.js和Nuxt.js在优化CSS和JavaScript加载方面提供了多种策略和工具。Next.js通过代码拆分、图片优化和特定的CSS/JavaScript优化措施提升性能;Nuxt.js则通过代码分割、懒加载、预渲染静态页面、Webpack配置和服务端缓存来实现优化。两者均能有效提高应用性能。
|
2月前
|
Web App开发 前端开发 JavaScript
JavaScript动态渲染页面爬取——Selenium的使用(一)
JavaScript动态渲染页面爬取——Selenium的使用(一)
70 4
|
2月前
|
Web App开发 数据采集 JavaScript
JavaScript动态渲染页面爬取——Selenium的使用(二)
JavaScript动态渲染页面爬取——Selenium的使用(二)
85 2
|
2月前
|
JavaScript 前端开发 API
JavaScript全屏,监听页面是否全屏
JavaScript全屏,监听页面是否全屏
68 0
|
2月前
|
前端开发 JavaScript
JavaScript动态渲染页面爬取——CSS位置偏移反爬案例分析与爬取实战
JavaScript动态渲染页面爬取——CSS位置偏移反爬案例分析与爬取实战
41 0
|
2月前
|
存储 JSON JavaScript
JavaScript动态渲染页面爬取——Pyppeteer爬取实战
JavaScript动态渲染页面爬取——Pyppeteer爬取实战
43 0