Django引入css文件多拼接了一个路径

今天在使用 Font Awesome 图标库时,先下载了 Font Awesome 图标库的css文件,将其导入到了项目中,并在html文件中引入了这个css文件
在这里插入图片描述
但是当我引入图标时,比如<i class="fas fa-user-plus"></i>,却发现图标怎么也不生效。
后来通过F12查看加载的资源,发现加载的资源路径前面多拼接了一个/user在这里插入图片描述
这让我很不理解,后来发现是Django的setting配置文件中STATIC_URL设置的问题
在这里插入图片描述
STATIC_URL = ‘/static/’ 引用指向以 / 结尾的 URL,而 STATIC_URL = ‘static/’ 则缺少前置斜杠(/),因此最终 URL 将与基础 URL 进行合并。
而页面的路径确实是user/list,基础路径是user,所以会拼接一个/user在这里插入图片描述
解决办法就是将STATIC_URL = ‘static/’ 改为STATIC_URL = ‘/static/’
在总体上,可以说 STATIC_URL = ‘/static/’ 更适合大多数情况,因为它提供了最大的灵活性。它允许开发人员随时更改静态文件的存储路径(例如使用 CDN 或分布式存储),而不影响 URL 的完整性。但程序中只有一级路径时则没有差别

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值