编程 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传递中文参数的问题

Aug 04 Python

Python利用Nagios增加微信报警通知的功能

Feb 18 Python

Python模糊查询本地文件夹去除文件后缀的实例(7行代码)

Nov 09 Python

Python抓取聚划算商品分析页面获取商品信息并以XML格式保存到本地

Feb 23 Python

Python基于property实现类的特性操作示例

Jun 15 Python

Python使用requests提交HTTP表单的方法

Dec 26 Python

python定位xpath 节点位置的方法

Aug 27 Python

python中通过selenium简单操作及元素定位知识点总结

Sep 10 Python

PyTorch在Windows环境搭建的方法步骤

May 12 Python

Python多个装饰器的调用顺序实例解析

May 22 Python

查找适用于matplotlib的中文字体名称与实际文件名对应关系的方法

Jan 05 Python

详解如何修改jupyter notebook的默认目录和默认浏览器

Jan 24 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/09/29 PHP

你不知道的文件上传漏洞php代码分析

2016/09/29 PHP

PHP实现用session来实现记录用户登陆信息

2018/10/15 PHP

textContent在Firefox下与innerText等效的属性

2007/05/12 Javascript

基于Jquery的开发个代阴影的对话框效果代码

2011/07/28 Javascript

关于js内存泄露的一个好例子

2013/12/09 Javascript

nodejs批量修改文件编码格式

2015/01/22 NodeJs

TypeError document.getElementById(...) is null错误原因

2015/05/18 Javascript

angularjs客户端实现压缩图片文件并上传实例

2015/07/06 Javascript

JS实现双击屏幕滚动效果代码

2015/10/28 Javascript

node模块机制与异步处理详解

2016/03/13 Javascript

jQuery插件FusionCharts绘制的2D条状图效果【附demo源码】

2017/05/13 jQuery

静态页面实现 include 引入公用代码的示例

2017/09/25 Javascript

小程序实现人脸识别功能(百度ai)

2018/12/23 Javascript

[12:29]《一刀刀一天》之DOTA全时刻19：蝙蝠骑士田伯光再度不举

2014/06/10 DOTA

[01:11:21]DOTA2-DPC中国联赛正赛 Phoenix vs CDEC BO3 第三场 3月7日

2021/03/11 DOTA

Python中MySQLdb和torndb模块对MySQL的断连问题处理

2015/11/09 Python

Python实现快速排序算法及去重的快速排序的简单示例

2016/06/26 Python

Python爬虫之模拟知乎登录的方法教程

2017/05/25 Python

Python语言描述KNN算法与Kd树

2017/12/13 Python

Python3之文件读写操作的实例讲解

2018/01/23 Python

Python迭代器和生成器定义与用法示例

2018/02/10 Python

Python 使用with上下文实现计时功能

2018/03/09 Python

Python 通过requests实现腾讯新闻抓取爬虫的方法

2019/02/22 Python

Python使用psutil获取进程信息的例子

2019/12/17 Python

Python字典底层实现原理详解

2019/12/18 Python

pandas apply使用多列计算生成新的列实现示例

2021/02/24 Python

CSS3 3D制作实战案例分析

2016/09/18 HTML / CSS

纯CSS3实现带动画效果导航菜单无需js

2013/09/27 HTML / CSS

毕业生捐书活动倡议书

2015/04/27 职场文书

寻找最美乡村教师观后感

2015/06/18 职场文书

2016年秋季运动会加油稿

2015/12/21 职场文书

Python爬虫实战之爬取京东商品数据并实实现数据可视化

2021/06/07 Python

MySQL笔记 —SQL运算符

2022/01/18 MySQL

MySQL创建管理RANGE分区

2022/04/13 MySQL

解决vue-router的beforeRouteUpdate不能触发

2022/04/14 Vue.js