解决Django加载静态资源失败的问题


Posted in Python onJuly 28, 2019

Django项目中为什么会加载静态时会失败呢?

原因:django部署方式比较特别,采用静态文件路径:STATICFILES_DIRS的部署方式,之前你写的相对路径,绝对路径因为缺少静态文件路径而全部失效

做页面显示时,肯定少不了加载css,js等文件吧,但是在Django中,我们的这些文件应该放在哪里呢?又该如何来配置?

1.Django中有静态文件(static)文件夹

解决Django加载静态资源失败的问题

2.配置相关文件

解决Django加载静态资源失败的问题

在settings.py文件中

STATIC_URL = '/static/'
#添加这段代码
STATICFILES_DIRS = (
 os.path.join(BASE_DIR, 'static'),
)

3.Templates模板中进行配置

#这句添加到html文件的最上面(<!DOCTYPE html>的上面)
{% load staticfiles %}
#采用{% %}的方式导入js标签
 <script type="text/javascript" src="{% static "/js/jquery-3.3.1.min.js" %}"></script>

到这里我们的配置就完成了,其他的css文件 img图片也就同理可得了;如果有不是很清楚的小伙伴,可以再回去看一下第一张图片就很明白了

以上这篇解决Django加载静态资源失败的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Python 相关文章推荐
Python模拟登录12306的方法
Dec 30 Python
python杀死一个线程的方法
Sep 06 Python
Python实现输出程序执行进度百分比的方法
Sep 16 Python
解决python中使用plot画图,图不显示的问题
Jul 04 Python
利用pyuic5将ui文件转换为py文件的方法
Jun 19 Python
Python上下文管理器用法及实例解析
Nov 11 Python
python装饰器相当于函数的调用方式
Dec 27 Python
通过Python实现一个简单的html页面
May 16 Python
Python获取浏览器窗口句柄过程解析
Jul 25 Python
python如何实现DES加密
Sep 21 Python
Python获取指定网段正在使用的IP
Dec 14 Python
使用Python快速打开一个百万行级别的超大Excel文件的方法
Mar 02 Python
django之静态文件 django 2.0 在网页中显示图片的例子
Jul 28 #Python
python正则-re的用法详解
Jul 28 #Python
django ModelForm修改显示缩略图 imagefield类型的实例
Jul 28 #Python
django之对FileField字段的upload_to的设定方法
Jul 28 #Python
Django ImageFiled上传照片并显示的方法
Jul 28 #Python
Python线上环境使用日志的及配置文件
Jul 28 #Python
Django 实现admin后台显示图片缩略图的例子
Jul 28 #Python
You might like
通过PHP的内置函数,通过DES算法对数据加密和解密
2012/06/21 PHP
php反射类ReflectionClass用法分析
2016/05/12 PHP
PHP中SERIALIZE和JSON的序列化与反序列化操作区别分析
2016/10/11 PHP
Jquery cookie操作代码
2010/03/14 Javascript
javascript 折半查找字符在数组中的位置(有序列表)
2010/12/09 Javascript
jQuery侧边栏随窗口滚动实现方法
2013/03/04 Javascript
js获得鼠标的坐标值的方法
2013/03/13 Javascript
Google Map V3 绑定气泡窗口(infowindow)Dom事件实现代码
2013/04/26 Javascript
获取表单控件原始(初始)值的方法
2013/08/21 Javascript
IE中鼠标经过option触发mouseout的解决方法
2015/01/29 Javascript
Node.js实现Excel转JSON
2015/04/24 Javascript
在JavaScript中正确引用bind方法的应用
2015/05/11 Javascript
全面理解闭包机制
2016/07/11 Javascript
js复制内容到剪贴板代码,js复制代码的简单实例
2016/10/27 Javascript
javascript基础练习之翻转字符串与回文
2017/02/20 Javascript
JS实现标签页切换效果
2017/05/04 Javascript
PHP实现记录代码运行时间封装类实例教程
2017/05/08 Javascript
JS实现页面打印(整体、局部)
2017/08/18 Javascript
fetch 如何实现请求数据
2018/12/20 Javascript
jQuery实现的自定义轮播图功能详解
2018/12/28 jQuery
webpack的 rquire.context用法实现工程自动化的方法
2020/02/07 Javascript
vue 虚拟DOM的原理
2020/10/03 Javascript
[05:05]DOTA2亚洲邀请赛 战队出场仪式
2015/02/07 DOTA
更换Django默认的模板引擎为jinja2的实现方法
2018/05/28 Python
解决新版Pycharm中Matplotlib图像不在弹出独立的显示窗口问题
2019/01/15 Python
python多进程间通信代码实例
2019/09/30 Python
pyspark给dataframe增加新的一列的实现示例
2020/04/24 Python
iPad和Surface Pro蓝牙键盘:Brydge
2018/11/10 全球购物
Myprotein意大利官网:欧洲第一运动营养品牌
2018/11/22 全球购物
英国时尚首饰品牌:Missoma
2020/06/29 全球购物
正隆泰信息技术有限公司上机题
2012/06/14 面试题
好的演讲稿开场白
2013/12/30 职场文书
被告答辩状范文
2015/05/22 职场文书
2015元旦感言
2015/12/09 职场文书
心得体会格式及范文
2016/01/25 职场文书
小学体育课教学反思
2016/02/16 职场文书