Tomcat下部署JAVA WEB项目jsp文件无法引用资源文件及样式

在IDEA中开发的Java Web项目,当以war文件形式部署到Tomcat时,jsp页面无法正确引用css和js资源。问题根源包括:jsp中的<base href="<%=basePath%>">可能导致链接被覆盖,删除此行或修改为相对路径可解决;Tomcat的缓存可能影响,需清理work文件夹;项目解压后,资源路径应调整为相对路径,如将<link rel="stylesheet" href="/css/login.css">改为<link rel='stylesheet' href='../css/login.css'>。
摘要由CSDN通过智能技术生成

问题产生场景:

1、项目使用IDEA开发

2、开发环境下面jsp引用css、js文件正常显示

3、将项目打包成war文件放入tomcat/webapp下样式引用失败

 

问题分析:

1、<head>标签下面的<base href="<%=basePath%>">搞的鬼,这行代码是创建jsp页面的时候自动生成的,这是基准链接,会把页面里所应用到的链接给覆盖了,引用CSS样式文件的链接也同样被覆盖了,所以就无法正常显示样式。把<base href="<%=basePath%>">删去即可解决。

2、tomcat原有缓存影响,将work文件删除

3、项目部署到tomcat下,tomcat会自动生成相应的解压包  

 

通过调试你会发现css、js等文件无法索引到,他是这样索引http://localhost:11525/css/xxx.css。看上面的索引路径可以看到其实他并非去索引我们

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值