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

方法一 :借助load staticfiles tag

  • js/css等静态文件要放在static目录下,且static和templates属于同级目录
    Django加载静态文件失败,已解决_第1张图片
    Django加载静态文件失败,已解决_第2张图片

Django加载静态文件失败,已解决_第3张图片

  • 在Django项目setting.py中,添加静态文件夹static目录路径
STATICFILES_DIRS = [
    os.path.join(BASE_DIR,'static')
]
  • 检查setting.py中的INSTALLED_APPS中包含django.contrib.staticfiles,否则映射关系错误
    Django加载静态文件失败,已解决_第4张图片

  • 注意项目中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 %}


  • 最后注意禁用浏览器缓存,并刷新
    Django加载静态文件失败,已解决_第5张图片

方法二:借助STATIC_URL

  • 文件目录位置同上

Django加载静态文件失败,已解决_第6张图片

Django加载静态文件失败,已解决_第7张图片

你可能感兴趣的:(python,django,django,静态文件)