编程 Python

解决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加载静态资源失败的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持三水点靠木。

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

- Author -

热心市民大G

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Python 相关文章推荐

python3简单实现微信爬虫

Apr 09 Python

详解Python中的正则表达式的用法

Apr 09 Python

python实现的简单抽奖系统实例

May 22 Python

用Python将IP地址在整型和字符串之间轻松转换

Mar 22 Python

Python中函数eval和ast.literal_eval的区别详解

Aug 10 Python

详解python里的命名规范

Jul 16 Python

python版opencv摄像头人脸实时检测方法

Aug 03 Python

Django代码性能优化与Pycharm Profile使用详解

Aug 26 Python

tensorflow中tf.reduce_mean函数的使用

Apr 19 Python

Python爬虫实现百度翻译功能过程详解

May 29 Python

python中time.ctime()实例用法

Feb 03 Python

详解Python中openpyxl模块基本用法

Feb 23 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数组添加与删除单元的常用函数实例分析

2015/02/16 PHP

php数组生成html下拉列表的方法

2015/07/20 PHP

PHP递归创建多级目录

2015/11/05 PHP

yii2中添加验证码的实现方法

2016/01/09 PHP

php+javascript实现的动态显示服务器运行程序进度条功能示例

2017/08/07 PHP

jQuery实现可收缩展开的级联菜单实例代码

2013/11/27 Javascript

如何在JavaScript中实现私有属性的写类方式(一)

2013/12/04 Javascript

javascript自定义函数参数传递为字符串格式

2014/07/29 Javascript

javascript自动生成包含数字与字符的随机字符串

2015/02/09 Javascript

JavaScript中var关键字的使用详解

2015/08/14 Javascript

JavaScript对象数组排序函数及六个用法

2015/12/23 Javascript

JavaScript中ES6 Babel正确安装过程

2016/07/18 Javascript

Bootstrap图片轮播组件Carousel使用方法详解

2016/10/20 Javascript

bootstrap table 数据表格行内修改的实现代码

2017/02/13 Javascript

AngularJS1.X学习笔记2-数据绑定详解

2017/04/01 Javascript

详解webpack-dev-server使用http-proxy解决跨域问题

2018/01/13 Javascript

详解Vue单元测试case写法

2018/05/24 Javascript

JS+html5实现异步上传图片显示上传文件进度条功能示例

2019/11/09 Javascript

[01:19:46]DOTA2-DPC中国联赛正赛 SAG vs DLG BO3 第一场 2月28日

2021/03/11 DOTA

python中requests小技巧

2017/05/10 Python

Python3模拟curl发送post请求操作示例

2019/05/03 Python

Python正则表达式匹配日期与时间的方法

2019/07/07 Python

python使用Pandas库提升项目的运行速度过程详解

2019/07/12 Python

django 微信网页授权登陆的实现

2019/07/30 Python

Python PO设计模式的具体使用

2019/08/16 Python

使用Pyhton 分析酒店针孔摄像头

2020/03/04 Python

python中列表的含义及用法

2020/05/26 Python

python dir函数快速掌握用法技巧

2020/12/09 Python

东南亚旅游平台：The Trip Guru

2018/01/01 全球购物

自荐信封面

2013/12/04 职场文书

商务日语专业毕业生自荐信

2014/03/27 职场文书

《李广射虎》教学反思

2014/04/27 职场文书

个人纪律作风整改措施思想汇报

2014/10/12 职场文书

2014年党务工作总结

2014/11/25 职场文书

2015年春节标语口号

2014/12/09 职场文书

详解pytorch创建tensor函数

2022/03/22 Python