解决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获取CPU和内存信息的思路与实现(linux系统)
Jan 03 Python
简单解析Django框架中的表单验证
Jul 17 Python
基于Django URL传参 FORM表单传数据 get post的用法实例
May 28 Python
深入分析python中整型不会溢出问题
Jun 18 Python
Python开启线程,在函数中开线程的实例
Feb 22 Python
Python中查看变量的类型内存地址所占字节的大小
Jun 26 Python
对python3 sort sorted 函数的应用详解
Jun 27 Python
Python中 CSV格式清洗与转换的实例代码
Aug 29 Python
python序列类型种类详解
Feb 26 Python
Python开发企业微信机器人每天定时发消息实例
Mar 17 Python
Python如何实现后端自定义认证并实现多条件登陆
Jun 22 Python
OpenCV+python实现实时目标检测功能
Jun 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
PHPMYADMIN 简明安装教程 推荐
2010/03/07 PHP
php checkbox 取值详细说明
2010/08/19 PHP
php中addslashes函数与sql防注入
2014/11/17 PHP
PHP读取txt文本文件并分页显示的方法
2015/03/11 PHP
php获取指定范围内最接近数的方法
2015/06/02 PHP
javascript json 新手入门文档
2009/12/03 Javascript
基于jQuery的仿flash的广告轮播代码
2010/11/04 Javascript
js数组Array sort方法使用深入分析
2013/02/21 Javascript
jquery获取复选框被选中的值
2014/03/22 Javascript
from表单多个按钮提交用onclick跳转不同action
2014/04/24 Javascript
深入理解javascript中的立即执行函数(function(){…})()
2014/06/12 Javascript
jQuery不兼容input的change事件问题解决过程
2014/12/05 Javascript
javascript高级编程之函数表达式 递归和闭包函数
2015/11/29 Javascript
js日期插件dateHelp获取本月、三个月、今年的日期
2016/03/07 Javascript
常用的 JS 排序算法 整理版
2018/04/05 Javascript
Angular通过指令动态添加组件问题
2018/07/09 Javascript
解决vue.js this.$router.push无效的问题
2018/09/03 Javascript
Vant的安装和配合引入Vue.js项目里的方法步骤
2018/12/05 Javascript
react quill中图片上传由默认转成base64改成上传到服务器的方法
2019/10/30 Javascript
JavaScript实现简单进度条效果
2020/03/25 Javascript
vue.js click点击事件获取当前元素对象的操作
2020/08/07 Javascript
Python统计列表中的重复项出现的次数的方法
2014/08/18 Python
PyQt5主窗口动态加载Widget实例代码
2018/02/07 Python
漂亮的Django Markdown富文本app插件的实现
2019/01/02 Python
Django框架基础模板标签与filter使用方法详解
2019/07/23 Python
浅谈sklearn中predict与predict_proba区别
2020/06/28 Python
美国轮胎网站:Priority Tire
2018/11/28 全球购物
大学生毕业自我鉴定范文
2013/11/03 职场文书
经贸日语专业个人求职信
2013/12/13 职场文书
远程研修随笔感言
2014/02/10 职场文书
办公室员工岗位工作职责
2014/03/10 职场文书
英语课前三分钟演讲稿(6篇)
2014/09/13 职场文书
教师党员个人自我评价
2015/03/04 职场文书
先进个人自荐书
2015/03/06 职场文书
2015年高校辅导员工作总结
2015/04/20 职场文书
如何用 Python 子进程关闭 Excel 自动化中的弹窗
2021/05/07 Python