编程 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 相关文章推荐

python通过pil为png图片填充上背景颜色的方法

Mar 17 Python

详解Python字符串对象的实现

Dec 24 Python

python 读写、创建文件的方法(必看)

Sep 12 Python

python非递归全排列实现方法

Apr 10 Python

Pycharm技巧之代码跳转该如何回退

Jul 16 Python

Python中Numpy包的安装与使用方法简明教程

Jul 03 Python

python读取目录下最新的文件夹方法

Dec 24 Python

PyQt4编程之让状态栏显示信息的方法

Jun 18 Python

python写程序统计词频的方法

Jul 29 Python

pytorch神经网络之卷积层与全连接层参数的设置方法

Aug 18 Python

python flask搭建web应用教程

Nov 19 Python

Django-rest-framework中过滤器的定制实例

Apr 01 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/11/04 PHP

php HTML无刷新提交表单

2016/04/05 PHP

PHP性能测试工具xhprof安装与使用方法详解

2018/04/29 PHP

YII框架常用技巧总结

2019/04/27 PHP

php依赖注入知识点详解

2019/09/23 PHP

2010年最佳jQuery插件整理

2010/12/06 Javascript

js 替换功能函数，用正则表达式解决，js的全部替换

2010/12/08 Javascript

javascript面向对象编程代码

2011/12/19 Javascript

javascript打印html内容功能的方法示例

2013/11/28 Javascript

使用node.js 制作网站前台后台

2014/11/13 Javascript

jQuery制作简单柱状图实例

2015/01/28 Javascript

jquery实现键盘左右翻页特效

2015/04/30 Javascript

Bootstrap编写导航栏和登陆框

2016/05/30 Javascript

防止页面url缓存中ajax中post请求的处理方法

2017/10/10 Javascript

JS获取input[file]的值并显示在页面的实现方法

2018/03/09 Javascript

在小程序中使用Echart图表的示例代码

2018/08/02 Javascript

小程序页面动态配置实现方法

2019/02/05 Javascript

layer 刷新某个页面的实现方法

2019/09/05 Javascript

layui导出所有数据的例子

2019/09/10 Javascript

[02:12]探秘2016国际邀请赛中国区预选赛选手房间

2016/06/25 DOTA

[55:16]Mski vs VGJ.S Supermajor小组赛C组 BO3 第二场 6.3

2018/06/04 DOTA

python批量同步web服务器代码核心程序

2014/09/01 Python

python实现将读入的多维list转为一维list的方法

2018/06/28 Python

Django框架 Pagination分页实现代码实例

2019/09/04 Python

python cv2读取rtsp实时码流按时生成连续视频文件方式

2019/12/25 Python

BOSE德国官网：尽探索之力，享音乐之极

2016/12/11 全球购物

最新销售员个人自荐信

2013/09/21 职场文书

幼儿园教师备课制度

2014/01/12 职场文书

诚信考试倡议书

2014/04/15 职场文书

艺术设计专业求职自荐信

2014/05/19 职场文书

高中生第一学年自我鉴定

2014/09/12 职场文书

国庆节演讲稿范文2014

2014/09/19 职场文书

2016大学生党校学习心得体会

2016/01/06 职场文书

只需要12页，掌握撰写一流商业计划书的技巧

2019/05/07 职场文书

分享一些Java的常用工具

2021/06/11 Java/Android

深入理解margin塌陷和margin合并的解决方案

2021/06/26 HTML / CSS