jsp文件中的路径问题

jsp文件中的路径问题

【老师好,我用的是idea,然后跟着老师的视频做的,页面中的各种元素都显示了出来但是引入的css和js文件不起作用,像这样:】

http://img1.sycdn.imooc.com//climg/5fa3620409a2a51516841484.jpg


http://img1.sycdn.imooc.com//climg/5fa3615f097aec4b11220278.jpg


http://img1.sycdn.imooc.com//climg/5fa36235094e0c4204520454.jpg


【(我的css和js目录是放在WEB-INF目录下的,和index.jsp是同目录)然后我看f12中的提示了解到,在引用css和js目录时,它给我定位到web应用根目录下了,所以找不到,但是我index.jsp中引用的时候确实是按照相对路径写的:】

http://img1.sycdn.imooc.com//climg/5fa361b509399c8910980162.jpg

【"css\common.css"这样的写法不就是相对路径吗,但是按照f12中的说法却定位到了web应用根目录了,也就是绝对路径了,这是为什么呢?谢谢】


正在回答

登陆购买课程后可参与讨论,去登陆

2回答

同学你好,访问index.jsp页面时,是转发到jsp页面。在F12的sources中,index.jsp页面相当于根目录下,而不是WEB-INF目录下,所以访问WEB-INF下的css和js会报404错误。

css,js,img等静态资源是浏览器发起请求的,不建议放在WEB-INF安全目录下。如果放在WEB-INF目录下,就会出现404错误。或者在学到Spring时,通过<mvc:resources>标签设置静态资源路径,路由到WEB-INF目录下,这样WEB-INF目录也变的不安全。静态资源不建议放在WEB-INF安全目录下。

祝:学习愉快~

  • 慕仰7217027 提问者 #1
    好的谢谢老师
    2020-11-08 04:37:57
好帮手慕阿慧 2020-11-05 13:42:31

同学你好,"css\common.css"这样的写法是相对路径,会根据当前请求找css/common.css文件。

建议同学将css和js目录放到web目录下,如下:

http://img1.sycdn.imooc.com//climg/5fa39084095344dc01650085.jpg

使用绝对路径引入静态文件,例如:

<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/css/create.css">
<script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery-3.4.1.min.js"></script>
  • 提问者 慕仰7217027 #1
    按照老师的说法,放在web目录下并使用绝对路径引入是可以的。但是我想知道为啥之前相对路径的写法实现不了呢?
    2020-11-05 19:47:09
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师