解决Django加载静态资源失败

Django静态文件加载配置

最新推荐文章于 2025-07-02 00:58:02 发布

原创最新推荐文章于 2025-07-02 00:58:02 发布 · 1.1w 阅读

12 ·

CC 4.0 BY-SA版权

文章标签：

#django #css #javascript #加载静态资源

django 专栏收录该内容

6 篇文章

订阅专栏

本文介绍了Django项目中如何正确配置和加载静态文件，包括css、js等资源。通过设置STATICFILES_DIRS和STATIC_URL，确保前端页面能够正常引用静态资源。

Django项目中为什么会加载静态时会失败呢？
原因：django部署方式比较特别，采用静态文件路径:STATICFILES_DIRS的部署方式，之前你写的相对路径，绝对路径因为缺少静态文件路径而全部失效
做页面显示时，肯定少不了加载css，js等文件吧，但是在Django中，我们的这些文件应该放在哪里呢？又该如何来配置？
1.Django中有静态文件(static)文件夹
这里写图片描述
2.配置相关文件

在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>