解决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的Flask框架中@app.route的用法教程
Mar 31 Python
python之matplotlib学习绘制动态更新图实例代码
Jan 23 Python
python利用高阶函数实现剪枝函数
Mar 20 Python
python3+PyQt5实现文档打印功能
Apr 24 Python
Python之读取TXT文件的方法小结
Apr 27 Python
浅谈pandas用groupby后对层级索引levels的处理方法
Nov 06 Python
python requests.post带head和body的实例
Jan 02 Python
详解Python3中ceil()函数用法
Feb 19 Python
python 图片去噪的方法示例
Jul 09 Python
python 如何去除字符串头尾的多余符号
Nov 19 Python
python 生成器需注意的小问题
Sep 29 Python
python 基于opencv 绘制图像轮廓
Dec 11 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
IIS+PHP+MySQL+Zend配置 (视频教程)
2006/12/13 PHP
php 缩略图实现函数代码
2011/06/23 PHP
php session_start()出错原因分析及解决方法
2013/10/28 PHP
php PDO实现的事务回滚示例
2017/03/23 PHP
THINKPHP在添加数据的时候获取主键id的值方法
2017/04/03 PHP
Laravel Eloquent分表方法并使用模型关联的实现
2019/11/25 PHP
JavaScript Perfection kill 测试及答案
2010/03/23 Javascript
javascript string字符串优化问题
2011/07/31 Javascript
JavaScript中的关键字&quot;VAR&quot;使用详解 分享
2013/07/31 Javascript
js监控IE火狐浏览器关闭、刷新、回退、前进事件
2014/07/23 Javascript
JavaScript通过Date-Mask将日期转换成字符串的方法
2015/06/04 Javascript
jQuery实现的仿百度分页足迹效果代码
2015/10/30 Javascript
JavaScript模仿Pinterest实现图片预加载功能
2016/10/25 Javascript
JS中跨页面调用变量和函数的方法(例如a.js 和 b.js中互相调用)
2016/11/01 Javascript
JavaScript用构造函数如何获取变量的类型名
2016/12/23 Javascript
学好js,这些js函数概念一定要知道【推荐】
2017/01/19 Javascript
扩展bootstrap的modal模态框-动态添加modal框-弹出多个modal框
2017/02/21 Javascript
JS对象序列化成json数据和json数据转化为JS对象的代码
2017/08/23 Javascript
vue-cli中打包图片路径错误的解决方法
2017/10/26 Javascript
jQuery实现常见的隐藏与展示列表效果示例
2018/06/04 jQuery
webpack中如何使用雪碧图的示例代码
2018/11/11 Javascript
JavaScript实现像雪花一样的Hexaflake分形
2020/07/07 Javascript
解决echarts 一条柱状图显示两个值,类似进度条的问题
2020/07/20 Javascript
Vue实现点击导航栏当前标签后变色功能
2020/08/19 Javascript
vue中使用router全局守卫实现页面拦截的示例
2020/10/23 Javascript
Python用UUID库生成唯一ID的方法示例
2016/12/15 Python
flask中过滤器的使用详解
2018/08/01 Python
对python中dict和json的区别详解
2018/12/18 Python
python爬虫的一个常见简单js反爬详解
2019/07/09 Python
python3 深浅copy对比详解
2019/08/12 Python
详解python statistics模块及函数用法
2019/10/27 Python
Python 虚拟环境工作原理解析
2020/12/24 Python
结对共建协议书
2014/08/20 职场文书
公司会议开幕词
2015/01/29 职场文书
工程服务质量承诺书
2015/04/29 职场文书
英镑符号 £
2022/02/17 杂记