Как разрешить ошибку dist/css/404 локально в django?

Пытаюсь загрузить dist файл, построенный с помощью vue, в python backend. Я задал такую структуру в django.

enter image description here

/backend/shopee/base.py

STATIC_URL = "/dist/"
STATIC_ROOT = (
    os.path.dirname(Path(__file__).resolve().parent.parent.parent) + "/frontend/dist/"
)

DEBUG = True

INSTALLED_APPS = [
    "frontend.dist",
    ...   
]

FRONTEND_DIR = (
    os.path.dirname(Path(__file__).resolve().parent.parent.parent) + "/frontend"
)
TEMPLATES = [
    {
        "BACKEND": "django.template.backends.django.DjangoTemplates",
        "DIRS": [os.path.join(FRONTEND_DIR, "dist")],
        "APP_DIRS": True,
        "OPTIONS": {
            "context_processors": [
               ...
            ],
        },
    },
]

и urls.py

urlpatterns = [
    path("", index, name="index"),
] + 
static(settings.STATIC_URL, document_root=settings.STATIC_ROOT)

Если runserver установлен таким образом, то на localhost/8000 возникает ошибка. Я допустил ошибку?

enter image description here

Вернуться на верх