Django加载静态文件失败,已解决

方法一 :借助load staticfiles tag

  • js/css等静态文件要放在static目录下,且static和templates属于同级目录

    在这里插入图片描述

在这里插入图片描述

  • 在Django项目setting.py中,添加静态文件夹static目录路径
STATICFILES_DIRS = [
    os.path.join(BASE_DIR,'static')
]
  • 检查setting.py中的INSTALLED_APPS中包含django.contrib.staticfiles,否则映射关系错误
    在这里插入图片描述

  • 注意项目中setting.py内的STATIC_URL的改变并不影响资源引用,只会影响最终文件链接地址

# 最终浏览器解析后的地址为:http://127.0.0.1:8000/ps/js/jquery-1.8.3.min.js
STATIC_URL = '/ps/'

# 最终浏览器解析后的地址为:http://127.0.0.1:8000/lidysun/js/jquery-1.8.3.min.js
STATIC_URL = '/lidysun/'
  • 在templates下的HTML文件中,如果要引用static下的静态文件,则添加一下代码
{% load staticfiles %}
<link rel="stylesheet" href="{% static '静态css文件相对static的路径' %}">
<script src="{% static '/js/jquery-1.8.3.min.js' %}"></script>
  • 最后注意禁用浏览器缓存,并刷新
    在这里插入图片描述

方法二:借助STATIC_URL

  • 文件目录位置同上

在这里插入图片描述

在这里插入图片描述

  • 16
    点赞
  • 46
    收藏
    觉得还不错? 一键收藏
  • 6
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值