编程 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 31 Python

在Apache服务器上同时运行多个Django程序的方法

Jul 22 Python

python开发之for循环操作实例详解

Nov 12 Python

Django网络框架之HelloDjango项目创建教程

Jun 06 Python

Python之pymysql的使用小结

Jul 01 Python

PyQt5基本控件使用之消息弹出、用户输入、文件对话框的使用方法

Aug 06 Python

python超时重新请求解决方案

Oct 21 Python

如何基于python实现脚本加密

Dec 28 Python

pycharm如何使用anaconda中的各种包(操作步骤)

Jul 31 Python

详解python爬取弹幕与数据分析

Nov 14 Python

OpenCV灰度化之后图片为绿色的解决

Dec 01 Python

python基于tkinter制作下班倒计时工具

Apr 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

模板引擎Smarty深入浅出介绍

2006/12/06 PHP

Javascript 日期处理之时区问题

2009/10/08 Javascript

新老版本juqery获取radio对象的方法

2010/03/01 Javascript

Javascript Cookie读写删除操作的函数

2010/03/02 Javascript

javascript延时加载之defer测试

2012/12/28 Javascript

使用js正则控制input标签只允许输入的值

2013/07/29 Javascript

用jquery方法操作radio使其默认选项是否

2013/09/10 Javascript

angularJS结合canvas画图例子

2015/02/09 Javascript

浅谈document.write()输出样式

2015/05/07 Javascript

jquery 中ajax执行的优先级

2015/06/22 Javascript

基于jQuery实现的扇形定时器附源码下载

2015/10/20 Javascript

[Bootstrap-插件使用]Jcrop+fileinput组合实现头像上传功能实例代码

2016/12/20 Javascript

vue子组件使用自定义事件向父组件传递数据

2017/05/27 Javascript

JavaScript严格模式下关于this的几种指向详解

2017/07/12 Javascript

vue实现页面加载动画效果

2017/09/19 Javascript

移动端效果之IndexList详解

2017/10/20 Javascript

发布一款npm包帮助理解npm的使用

2019/01/03 Javascript

使用vue脚手架（vue-cli）搭建一个项目详解

2019/05/09 Javascript

vue实现搜索功能

2019/05/28 Javascript

JS数组方法push()、pop()用法实例分析

2020/01/18 Javascript

Python编写Windows Service服务程序

2018/01/04 Python

Python格式化日期时间操作示例

2018/06/28 Python

Python lambda表达式用法实例分析

2018/12/25 Python

Python使用pyautocad+openpyxl处理cad文件示例

2019/07/11 Python

Python3.8对可迭代解包的改进及用法详解

2019/10/15 Python

Python+OpenCV 实现图片无损旋转90°且无黑边

2019/12/12 Python

python3.x中安装web.py步骤方法

2020/06/23 Python

SportsDirect.com新加坡：英国第一体育零售商

2019/03/30 全球购物

adidas爱尔兰官方网站：阿迪达斯运动鞋和运动服

2019/11/01 全球购物

英国鲜花递送：Blossoming Gifts

2020/07/10 全球购物

客服端调用EJB对象的几个基本步骤

2012/01/15 面试题

酒店服务实习自我鉴定

2013/09/22 职场文书

毕业典礼主持词大全

2014/03/26 职场文书

汽车促销活动方案

2014/03/31 职场文书

新闻传播专业求职信

2014/07/22 职场文书

win10壁纸在哪个文件夹 win10桌面背景图片文件位置分享

2022/08/05 数码科技