时间戳

首页 > 解决方案 > 在静态文件夹中加载 css 时出现错误 404

python - 在静态文件夹中加载 css 时出现错误 404

问题描述

我已经在静态文件夹中创建了 CSS 文件，目前我在尝试加载页面并且没有识别 css 时收到此错误 404。

我的文件夹是

DEMOPROJECT
    -DEMOAPP
     --migrations
     --templates
        ---DEMOAPP
               -----homepage.html
            ----base.html
    -DEMOPROJECT
         --static
             ---css
                ----NavMENU.css
         --settings.py
         --urls.py

我的终端是这个

(venv) C:\Users\jferguson\PycharmProjects\WebP1\DEMOPROJECT>

我尝试了其他所有人都要求的不同设置。似乎都没有工作。

这在静态文件夹的 urls.py 文件中。

urlpatterns = [
                  re_path(r'^admin/', include(wagtailadmin_urls)),
                  re_path(r'^documents/', include(wagtaildocs_urls)),
                  re_path(r'', include(wagtail_urls)),
              ] + static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)

这是在设置

STATIC_URL = '/static/'

STATIC_ROOT = os.path.join(BASE_DIR, 'static')

MEDIA_ROOT = os.path.join(BASE_DIR, 'media')
MEDIA_URL = '/media/'

编辑我的 homepage_html 在顶部有这个。

{% extends "../base.html" %}
{% load static %}
{% load wagtailcore_tags wagtailimages_tags %}
{% block body_class %}home{% endblock %}

{% block content %}

标签： pythoncssdjangostatichttp-status-code-404

解决方案

执行 collectstatic 命令如下

python manage.py collectstatic

在您的 settings.py 文件中添加：

STATIC_ROOT = os.path.join(BASE_DIR, 'static') 
STATIC_URL = '/static/' 
STATICFILES_DIRS = [ os.path.join(BASE_DIR, 'your_project_name/static') ]

在你的情况下：

STATICFILES_DIRS = [ os.path.join(BASE_DIR, 'DEMOPROJECT/static') ]

推荐阅读