编程 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 相关文章推荐

在Django的视图(View)外使用Session的方法

Jul 23 Python

python 美化输出信息的实例

Oct 15 Python

Python遍历文件夹处理json文件的方法

Jan 22 Python

Python实现简单石头剪刀布游戏

Jan 20 Python

python SQLAlchemy的Mapping与Declarative详解

Jul 04 Python

anaconda中更改python版本的方法步骤

Jul 14 Python

python2和python3实现在图片上加汉字的方法

Aug 22 Python

Python字符串hashlib加密模块使用案例

Mar 10 Python

Python打印特殊符号及对应编码解析

May 07 Python

零基础学python应该从哪里入手

Aug 11 Python

如何在pycharm中快捷安装pip命令(如pygame)

May 31 Python

Python图片检索之以图搜图

May 31 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

Thinkphp模板中使用自定义函数的方法

2012/09/23 PHP

laravel 5 实现模板主题功能（续）

2015/03/02 PHP

PHP使用Redis实现防止大并发下二次写入的方法

2017/10/09 PHP

javascript 关闭IE6、IE7

2009/06/01 Javascript

基于jQuery的合并表格中相同文本的相邻单元格的代码

2011/04/06 Javascript

JQuery动画与特效实例分析

2015/02/02 Javascript

js clearInterval()方法的定义和用法

2015/11/11 Javascript

JS设置cookie、读取cookie

2016/02/24 Javascript

jQuery子元素过滤选择器用法示例

2016/09/09 Javascript

Javascript 高性能之递归，迭代，查表法详解及实例

2017/01/08 Javascript

让nodeJS支持ES6的词法----babel的安装和使用方法

2017/07/31 NodeJs

vue的mixins属性详解

2018/03/14 Javascript

在Mac下彻底卸载node和npm的方法

2018/05/16 Javascript

jQuery表单元素过滤选择器用法实例分析

2019/02/20 jQuery

微信小程序如何保持登录状态

2019/08/16 Javascript

Openlayers实现点闪烁扩散效果

2020/09/24 Javascript

JS画布动态实现黑客帝国背景效果

2020/11/08 Javascript

[01:02:02]DOTA2上海特级锦标赛A组败者赛 EHOME VS CDEC第二局

2016/02/25 DOTA

[02:44]完美大师赛主赛事淘汰赛第二日观众采访

2017/11/24 DOTA

Python实现扫描局域网活动ip（扫描在线电脑）

2015/04/28 Python

Python使用分布式锁的代码演示示例

2018/07/30 Python

使用PyQtGraph绘制精美的股票行情K线图的示例代码

2019/03/14 Python

Python Django 封装分页成通用的模块详解

2019/08/21 Python

利用PyQt中的QThread类实现多线程

2020/02/18 Python

python rolling regression. 使用 Python 实现滚动回归操作

2020/06/08 Python

python爬取股票最新数据并用excel绘制树状图的示例

2021/03/01 Python

美国知名男士服饰品牌：Brooks Brothers（布克兄弟）

2016/08/25 全球购物

巴西儿童时尚购物网站：Dinda

2019/08/14 全球购物

小学班主任寄语大全

2014/04/04 职场文书

求职个人评价范文

2014/04/09 职场文书

捐助贫困学生倡议书

2014/05/16 职场文书

教师廉洁自律个人总结

2015/02/10 职场文书

公司更名通知函

2015/04/24 职场文书

同意离婚答辩状

2015/05/22 职场文书

Python使用UDP实现720p视频传输的操作

2021/04/24 Python

MySQL数据库实验实现简单数据库应用系统设计

2022/06/21 MySQL