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

Question

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

我的文件夹是

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>

我已经尝试过每个人都问过的不同设置。 None 似乎有效。

这在静态文件夹的 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 %}

Answer 1

执行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') ]

Answer 2

试试这个 python manage.py collectstatic 并重新启动您的服务器。希望对您有所帮助。

Answer 3

感谢 Meha Parekh 的回答！

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

这有效 ^ 而不是 settings.py

中的以下代码

STATIC_URL = '/static/'

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

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

Error 404 when loading css in static folder

css

python

django

static

http-status-code-404