使用ejs模板引擎响应网页: CSS文件JS文件响应失败原因

先看我的项目目录:   需要响应的CSS和JS文件存放在public静态资源文件目录下

8b408a437dce4ea5b2ed20eef9c928ad.png

 这里简单写了两个网页,通过/ account访问主页面,通过/ account/create访问第二个页面。e13794f5b71b430686adf39d3ec59699.png

0e8b8030f60c46bebedd1ef418bc950c.png

eb68b3f0db494c799342ea36174026ab.png 浏览器可以访问主页面,CSS文件响应正常

4e802ab6be3f4b7eb962e39029be5a43.png

 但是当浏览器访问第二个页面的时候只是响应了html,CSS文件却请求失败

fdd8eba9b3604346912913290fea126f.png

08a7e1cbaf514dfb8a04de9e347be6b1.png 

 这里我们可以看到网络请求CSS文件不对,account文件下没有办法读取到CSS文件(CSS是在public文件下的),这是由于我在第二个页面引入CSS文件时使用的是相对路径,在网络请求时就会自动附加到请求的网址后面,导致文件读取失败。

改为绝对路径:

0fd94815313847c3b348acd7a56276c0.png

 此时打开浏览器刷新就能正常读取到CSS文件,成功渲染啦

7649bab5362a49d2bf4b5704f1e6b74d.png

 这个时候的文件路径才是正确的:

e1689a292ab14884ae980cb3bb911f03.png

 

小白学习中,如有错误之处,还请多多指教。

 

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值