首页
所有分类
TAGS
文字工具 EMOJI BIBLE
编程 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制作简单的朴素基数估计器的教程
Apr 01 Python
为Python的Tornado框架配置使用Jinja2模板引擎的方法
Jun 30 Python
Python程序退出方式小结
Dec 09 Python
PyCharm+PySpark远程调试的环境配置的方法
Nov 29 Python
Python发展简史 Python来历
May 14 Python
Python中Numpy mat的使用详解
May 24 Python
面向对象学习之pygame坦克大战
Sep 11 Python
解决pycharm同一目录下无法import其他文件
Feb 12 Python
Jupyter Notebook输出矢量图实例
Apr 14 Python
python中format函数如何使用
Jun 22 Python
plt.figure()参数使用详解及运行演示
Jan 08 Python
Python激活Anaconda环境变量的详细步骤
Jun 08 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
Spring JPA(1) Tsmoothie(1) Spring Bean(1) TextInputLayout(1) EditText(1) Django(9) Selenium(1) reduce(2) filter(1) openEuler(1)
You might like
PHP中cookie和session的区别实例分析
2014/08/28 PHP
php实现专业获取网站SEO信息类实例
2015/04/02 PHP
tp5实现微信小程序多图片上传到服务器功能
2018/07/16 PHP
jquery多浏览器捕捉回车事件代码
2010/06/22 Javascript
jquery操作select option 的代码小结
2011/06/21 Javascript
尝试在让script的type属性等于text/html
2013/01/15 Javascript
Blocksit插件实现瀑布流数据无限( 异步)加载
2014/06/20 Javascript
值得分享的轻量级Bootstrap Table表格插件
2016/05/30 Javascript
jQuery 全选 全部选 反选 实现代码
2016/08/17 Javascript
浅谈webpack打包之后的文件过大的解决方法
2018/03/07 Javascript
ios设备中angularjs无法改变页面title的解决方法
2018/09/13 Javascript
electron实现qq快捷登录的方法示例
2018/10/22 Javascript
弱类型语言javascript开发中的一些坑实例小结【变量、函数、数组、对象、作用域等】
2019/08/07 Javascript
js键盘事件实现人物的行走
2020/01/17 Javascript
[10:42]Team Liquid Vs Newbee
2018/06/07 DOTA
python 转换 Javascript %u 字符串为python unicode的代码
2016/09/06 Python
Python中字符串的修改及传参详解
2016/11/30 Python
python 信息同时输出到控制台与文件的实例讲解
2018/05/11 Python
python 读取文件并替换字段的实例
2018/07/12 Python
Python操作MySQL数据库的两种方式实例分析【pymysql和pandas】
2019/03/18 Python
python中时间模块的基本使用教程
2019/05/14 Python
树莓派实现移动拍照
2019/06/22 Python
python对文件的操作方法汇总
2020/02/28 Python
Django之全局使用request.user.username的实例详解
2020/05/14 Python
浅谈keras中的后端backend及其相关函数(K.prod,K.cast)
2020/06/29 Python
使用pandas实现筛选出指定列值所对应的行
2020/12/13 Python
使用canvas绘制贝塞尔曲线
2014/12/17 HTML / CSS
美国婚礼和派对礼品网站：Kate Aspen（新娘送礼会、迎婴派对）
2018/03/28 全球购物
学生的自我鉴定范文
2013/10/24 职场文书
办公室前台岗位职责
2014/01/04 职场文书
商场端午节活动方案
2014/01/29 职场文书
大学生个人自荐信
2014/02/24 职场文书
土木工程师职业规划范文
2014/03/07 职场文书
护理培训心得体会
2016/01/22 职场文书
职工趣味运动会开幕词
2016/03/04 职场文书
PyMongo 查询数据的实现
2021/06/28 Python