编程 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获取CPU和内存信息的思路与实现(linux系统)

Jan 03 Python

Python 文件处理注意事项总结

Apr 10 Python

Python实现按学生年龄排序的实际问题详解

Aug 29 Python

python解析含有重复key的json方法

Jan 22 Python

django 使用全局搜索功能的实例详解

Jul 18 Python

简单了解python中的f.b.u.r函数

Nov 02 Python

tensorflow mnist 数据加载实现并画图效果

Feb 05 Python

Tensorflow tf.nn.atrous_conv2d如何实现空洞卷积的

Apr 20 Python

Python super()函数使用及多重继承

May 06 Python

浅谈numpy中函数resize与reshape,ravel与flatten的区别

Jun 18 Python

python urllib库的使用详解

Apr 13 Python

解决Pytorch dataloader时报错每个tensor维度不一样的问题

May 28 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 出现乱码和Sessions验证问题的解决方法！

2008/12/06 PHP

php Memcache 中实现消息队列

2009/11/24 PHP

php里array_work用法实例分析

2015/07/13 PHP

PHP 5.6.11中CURL模块问题的解决方法

2016/08/08 PHP

thinkphp中多表查询中防止数据重复的sql语句(必看)

2016/09/22 PHP

javascript学习笔记（三）显示当时时间的代码

2011/04/08 Javascript

node.js中使用socket.io的方法

2014/12/15 Javascript

微信小程序中实现一对多发消息详解及实例代码

2017/02/14 Javascript

老生常谈js中的MVC

2017/07/25 Javascript

利用JQuery操作iframe父页面、子页面的元素和方法汇总

2017/09/10 jQuery

vue中keep-alive的用法及问题描述

2018/05/15 Javascript

vue和webpack项目构建过程常用的npm命令详解

2018/06/15 Javascript

详解如何配置vue-cli3.0的vue.config.js

2018/08/23 Javascript

基于nodejs的雪碧图制作工具的示例代码

2018/11/05 NodeJs

NodeJs之word文件生成与解析的实现代码

2019/04/01 NodeJs

简单说说如何使用vue-router插件的方法

2019/04/08 Javascript

js实现省级联动（数据结构优化）

2020/07/17 Javascript

深入理解 ES6中的 Reflect用法

2020/07/18 Javascript

详解如何在vue+element-ui的项目中封装dialog组件

2020/12/11 Vue.js

pymssql ntext字段调用问题解决方法

2008/12/17 Python

python中aioysql(异步操作MySQL)的方法

2019/04/11 Python

基于pytorch的lstm参数使用详解

2020/01/14 Python

Python字符串中删除特定字符的方法

2020/01/15 Python

python实现xlwt xlrd 指定条件给excel行添加颜色

2020/07/14 Python

Python安装并操作redis实现流程详解

2020/10/13 Python

如何清空Session

2015/02/23 面试题

考试作弊检讨书大全

2014/02/18 职场文书

品质标语大全

2014/06/21 职场文书

干部作风建设年活动剖析材料

2014/10/23 职场文书

2015年手术室工作总结

2015/05/11 职场文书

致运动员赞词

2015/07/22 职场文书

2016中学教师读书心得体会

2016/01/13 职场文书

教师培训学习心得体会

2016/01/21 职场文书

Python连接Postgres/Mysql/Mongo数据库基本操作大全

2021/06/29 Python

jackson json序列化实现首字母大写,第二个字母需小写

2021/06/29 Java/Android

SQL SERVER存储过程用法详解

2022/02/24 SQL Server