编程 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采用requests库模拟登录和抓取数据的简单示例

Jul 05 Python

python使用邻接矩阵构造图代码示例

Nov 10 Python

python机器学习理论与实战（六）支持向量机

Jan 19 Python

Python使用logging模块实现打印log到指定文件的方法

Sep 05 Python

python 机器学习之支持向量机非线性回归SVR模型

Jun 26 Python

python sklearn库实现简单逻辑回归的实例代码

Jul 01 Python

pow在python中的含义及用法

Jul 11 Python

通过celery异步处理一个查询任务的完整代码

Nov 19 Python

django序列化serializers过程解析

Dec 14 Python

Windows 下python3.8环境安装教程图文详解

Mar 11 Python

python装饰器实现对异常代码出现进行自动监控的实现方法

Sep 15 Python

基于flask实现五子棋小游戏

May 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执行速度全攻略(下)

2006/10/09 PHP

用php实现批量查询清除一句话后门的代码

2008/01/20 PHP

PHP中return 和 exit 、break和contiue 区别与用法

2012/04/09 PHP

php三维数组去重(示例代码)

2013/11/26 PHP

PHP+MYSQL会员系统的开发实例教程

2014/08/23 PHP

PHP使用ODBC连接数据库的方法

2015/07/18 PHP

Thinkphp5.0框架的Db操作实例分析【连接、增删改查、链式操作等】

2019/10/11 PHP

PHP中类与对象功能、用法实例解读

2020/03/27 PHP

js可突破windows弹退效果代码

2008/08/09 Javascript

网页源代码保护(禁止右键、复制、另存为、查看源文件)

2012/05/23 Javascript

js获取判断上传文件后缀名的示例代码

2014/02/19 Javascript

SuperSlide标签切换、焦点图多种组合插件

2015/03/14 Javascript

简介JavaScript中的setHours()方法的使用

2015/06/11 Javascript

实现一个简单的vue无限加载指令方法

2017/01/10 Javascript

JS请求servlet功能示例

2017/06/01 Javascript

微信小程序分页加载的实例代码

2017/07/11 Javascript

浅谈Angular 中何时取消订阅

2017/11/22 Javascript

详解vue-cli项目中的proxyTable跨域问题小结

2018/02/09 Javascript

微信小程序CSS3动画下拉菜单效果

2018/11/04 Javascript

JS使用Dijkstra算法求解最短路径

2019/01/17 Javascript

nest.js 使用express需要提供多个静态目录的操作方法

2019/10/24 Javascript

Vue中错误图片的处理的实现代码

2019/11/07 Javascript

[10:18]2018DOTA2国际邀请赛寻真——Fnatic能否笑到最后？

2018/08/14 DOTA

python实现单链表中删除倒数第K个节点的方法

2018/09/28 Python

对python中的高效迭代器函数详解

2018/10/18 Python

基于TensorFlow常量、序列以及随机值生成实例

2020/01/04 Python

python获取依赖包和安装依赖包教程

2020/02/13 Python

python性能测试工具locust的使用

2020/12/28 Python

Myprotein意大利官网：欧洲第一运动营养品牌

2018/11/22 全球购物

法国足球商店：Footcenter

2019/07/06 全球购物

Janie and Jack美国官网：GAP旗下的高档童装品牌

2019/09/09 全球购物

说说在weblogic中开发消息Bean时的persistent与non-persisten的差别

2013/04/07 面试题

网页设计个人找工作求职信

2013/11/28 职场文书

周年庆典主持词

2014/04/02 职场文书

支行行长岗位职责

2015/02/15 职场文书

win10蓝屏0xc0000001安全模式进不了怎么办?win10出现0xc0000001的解决方法

2022/08/05 数码科技