解决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之入门(四)运算
May 27 Python
Python中逗号的三种作用实例分析
Jun 08 Python
python导入时小括号大作用
Jan 10 Python
Python IDLE 错误:IDLE''s subprocess didn''t make connection 的解决方案
Feb 13 Python
Python使用zip合并相邻列表项的方法示例
Mar 17 Python
Django组件之cookie与session的使用方法
Jan 10 Python
Python设置matplotlib.plot的坐标轴刻度间隔以及刻度范围
Jun 25 Python
python处理大日志文件
Jul 23 Python
python实现在列表中查找某个元素的下标示例
Nov 16 Python
Python做图像处理及视频音频文件分离和合成功能
Nov 24 Python
Python爬虫模拟登陆哔哩哔哩(bilibili)并突破点选验证码功能
Dec 21 Python
基于Python编写一个监控CPU的应用系统
Jun 25 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获取网址的顶级域名函数代码
2012/09/24 PHP
探讨php中遍历二维数组的几种方法详解
2013/06/08 PHP
深入PHP购物车模块功能分析(函数讲解,附源码)
2013/06/25 PHP
解析VS2010利用VS.PHP插件调试PHP的方法
2013/07/19 PHP
微信扫描二维码登录网站代码示例
2013/12/30 PHP
kohana框架上传文件验证规则写法示例
2014/07/14 PHP
浅谈PHP的数据库接口和技术
2016/12/09 PHP
jQuery页面滚动浮动层智能定位实例代码
2011/08/23 Javascript
JS获取节点的兄弟,父级,子级元素的方法
2014/01/09 Javascript
javascipt:filter过滤介绍及使用
2014/09/10 Javascript
Javascript中的方法和匿名方法实例详解
2015/06/13 Javascript
通过Jquery.cookie.js实现展示浏览网页的历史记录超管用
2015/10/23 Javascript
移动适配的几种方案(三种方案)
2016/11/25 Javascript
微信小程序 安全包括(框架、功能模块、账户使用)详解
2017/01/16 Javascript
Vue Ajax跨域请求实例详解
2017/06/20 Javascript
vue自定义键盘信息、监听数据变化的方法示例【基于vm.$watch】
2019/03/16 Javascript
原生js实现滑块区间组件
2021/01/20 Javascript
[47:18]完美世界DOTA2联赛循环赛 IO vs FTD BO2第一场 11.05
2020/11/06 DOTA
通过python下载FTP上的文件夹的实现代码
2013/02/10 Python
Python编程使用*解包和itertools.product()求笛卡尔积的方法
2017/12/18 Python
判断python对象是否可调用的三种方式及其区别详解
2019/01/31 Python
python基础知识(一)变量与简单数据类型详解
2019/04/17 Python
django框架事务处理小结【ORM 事务及raw sql,customize sql 事务处理】
2019/06/27 Python
django多文件上传,form提交,多对多外键保存的实例
2019/08/06 Python
给大家整理了19个pythonic的编程习惯(小结)
2019/09/25 Python
python ssh 执行shell命令的示例
2020/09/29 Python
python 装饰器重要在哪
2021/02/14 Python
css背景图片的背景裁切、背景透明度、背景变换等效果运用
2012/12/24 HTML / CSS
雅诗兰黛澳大利亚官网:Estée Lauder澳大利亚
2019/05/31 全球购物
意大利时尚奢侈品店:D’Aniello Boutique
2021/01/19 全球购物
查摆问题整改措施
2014/10/24 职场文书
邀请函格式范文
2015/02/02 职场文书
2015初中教导处工作总结
2015/07/21 职场文书
Pytorch 实现变量类型转换
2021/05/17 Python
Oracle删除归档日志及添加定时任务
2022/06/28 Oracle
java获取一个文本文件的编码(格式)信息
2022/09/23 Java/Android