解决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中实现单例模式的三种方法
Apr 08 Python
python django 实现验证码的功能实例代码
May 18 Python
解决Matplotlib图表不能在Pycharm中显示的问题
May 24 Python
解决Mac安装scrapy失败的问题
Jun 13 Python
基于python历史天气采集的分析
Feb 14 Python
Django框架首页和登录页分离操作示例
May 28 Python
通过python改变图片特定区域的颜色详解
Jul 15 Python
python查找重复图片并删除(图片去重)
Jul 16 Python
python+opencv边缘提取与各函数参数解析
Mar 09 Python
Django如何使用jwt获取用户信息
Apr 21 Python
Scrapy框架介绍之Puppeteer渲染的使用
Jun 19 Python
Python-openCV开运算实例
Jul 05 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 mvc开发模式的感想
2011/06/28 PHP
php利用新浪接口查询ip获取地理位置示例
2014/01/20 PHP
3种方法轻松处理php开发中emoji表情的问题
2016/07/18 PHP
php图像处理函数imagecopyresampled用法详解
2016/12/02 PHP
IIS 7.5 asp Session超时时间设置方法
2017/04/17 PHP
PHP简单实现遍历目录下特定文件的方法小结
2017/05/22 PHP
php实现每日签到功能
2018/11/29 PHP
JavaScript使用prototype定义对象类型
2007/02/07 Javascript
jQuery中jqGrid分页实现代码
2011/11/04 Javascript
JS字符串处理实例代码
2013/08/05 Javascript
jQuery实现为控件添加水印文字效果(附源码)
2015/12/02 Javascript
JS之if语句对接事件动作逻辑(详解)
2017/06/28 Javascript
vue 怎么创建组件及组件使用方法
2017/07/27 Javascript
JQ图片文件上传之前预览功能的简单实例(分享)
2017/11/12 Javascript
微信小程序实现导航栏选项卡效果
2020/06/19 Javascript
使用vue构建多页面应用的示例
2020/10/22 Javascript
在vue中使用inheritAttrs实现组件的扩展性介绍
2020/12/07 Vue.js
vue实现按钮切换图片
2021/01/20 Vue.js
uniapp微信小程序:key失效的解决方法
2021/01/20 Javascript
深入浅析python with语句简介
2018/04/11 Python
解决python3 HTMLTestRunner测试报告中文乱码的问题
2018/12/17 Python
关于Python 的简单栅格图像边界提取方法
2019/07/05 Python
django settings.py 配置文件及介绍
2019/07/15 Python
Python3的高阶函数map,reduce,filter的示例详解
2019/07/23 Python
使用python获取邮箱邮件的设置方法
2019/09/20 Python
python中加背景音乐如何操作
2020/07/19 Python
无需JS和jQuery代码实现CSS3鼠标浮动放大图片
2016/11/21 HTML / CSS
HTML5+CSS3实现拖放(Drag and Drop)示例
2014/07/07 HTML / CSS
GWebs公司笔试题
2012/05/04 面试题
求职信的七个关键技巧
2014/02/05 职场文书
社区工作感言
2014/02/21 职场文书
“三支一扶”支教教师思想汇报
2014/09/13 职场文书
党的群众路线教育实践活动个人整改措施落实情况
2014/11/04 职场文书
2014年置业顾问工作总结
2014/11/17 职场文书
华山导游词
2015/02/03 职场文书
小学生教师节广播稿
2015/08/19 职场文书