编程 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回溯法实现数组全排列输出实例分析

Mar 17 Python

使用python实现rsa算法代码

Feb 17 Python

基于python socketserver框架全面解析

Sep 21 Python

python ansible服务及剧本编写

Dec 29 Python

python获取命令行输入参数列表的实例代码

Jun 23 Python

详解Python Matplotlib解决绘图X轴值不按数组排序问题

Aug 05 Python

python使用正则表达式去除中文文本多余空格，保留英文之间空格方法详解

Feb 11 Python

pandas和spark dataframe互相转换实例详解

Feb 18 Python

PyTorch-GPU加速实例

Jun 23 Python

Django3中的自定义用户模型实例详解

Aug 23 Python

python Tornado框架的使用示例

Oct 19 Python

python批量创建变量并赋值操作

Jun 03 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 分页原理详解

2009/08/21 PHP

基于PHP CURL用法的深入分析

2013/06/09 PHP

PHP面向对象精要总结

2014/11/07 PHP

laravel 5.4中实现无限级分类的方法示例

2017/07/27 PHP

PHP实现微信公众号验证Token的示例代码

2019/12/16 PHP

网页常用特效代码整理

2006/06/23 Javascript

关于hashchangebroker和statehashable的补充文档

2011/08/08 Javascript

jQuery列表拖动排列具体实现

2013/11/04 Javascript

JS实现让网页背景图片斜向移动的方法

2015/02/25 Javascript

jQuery实现的指纹扫描效果实例(附演示与demo源码下载)

2016/01/26 Javascript

JavaScript中闭包的写法和作用详解

2016/06/29 Javascript

浅谈EasyUI常用控件的禁用方法

2016/11/09 Javascript

vue.js动态数据绑定学习笔记

2017/05/19 Javascript

js实现音乐播放控制条

2017/09/09 Javascript

node使用Koa2搭建web项目的方法

2017/10/17 Javascript

React Native时间转换格式工具类分享

2017/10/24 Javascript

mui上拉加载更多下拉刷新数据的封装过程

2017/11/03 Javascript

详解微信小程序支付流程与梳理

2019/07/16 Javascript

解决layui弹出层layer的area过大被遮挡的问题

2019/09/21 Javascript

python3.6.3+opencv3.3.0实现动态人脸捕获

2018/05/25 Python

HTML5 层的叠加的实现

2020/07/07 HTML / CSS

环境科学专业个人求职信

2013/12/15 职场文书

经贸日语专业个人求职信范文

2013/12/28 职场文书

幼儿园教师的考核评语

2014/04/18 职场文书

职务任命书范本

2014/06/05 职场文书

2014优秀党员事迹材料

2014/08/14 职场文书

2014年作风建设工作总结

2014/10/29 职场文书

酒店优秀员工推荐信

2015/03/24 职场文书

计划生育工作总结2015

2015/04/03 职场文书

2015年电厂工作总结范文

2015/05/13 职场文书

本科毕业论文致谢怎么写

2015/05/14 职场文书

硕士学位申请报告

2015/05/15 职场文书

感恩教师主题班会

2015/08/12 职场文书

python绘图subplots函数使用模板的示例代码

2021/04/30 Python

MySql子查询IN的执行和优化的实现

2021/08/02 MySQL

vue配置型表格基于el-table拓展之table-plus组件

2022/04/12 Vue.js