Статические файлы не загружаются в производстве в приложении Django-React
Я запускаю приложение Django в контейнере Docker, и у меня возникли проблемы с обслуживанием статических файлов в продакшене. Локально все работает нормально, но когда я развертываю контейнер на производстве, статические файлы не загружаются, и я получаю 404 ошибки.
Вот соответствующие части моей установки:
Django settings.py
:
TEMPLATES = [
{
'BACKEND': 'django.template.backends.django.DjangoTemplates',
'DIRS': [os.path.join(BASE_DIR, 'build')],
'APP_DIRS': True,
'OPTIONS': {
'context_processors': [
'django.template.context_processors.debug',
'django.template.context_processors.request',
'django.contrib.auth.context_processors.auth',
'django.contrib.messages.context_processors.messages',
],
},
},
]
STATIC_URL = '/static/'
MEDIA_URL = '/media/'
STATIC_ROOT = '/vol/web/static'
STATICFILES_DIRS = [os.path.join(BASE_DIR, 'build', 'static')]
Папка сборки была создана командой npm run build в приложении react.
После выполнения collectstatic
том /vol/web/static
заполняется правильно. Однако браузер выдает 404 ошибки для статических файлов, например
GET https://site/static/js/main.db771bdd.js [HTTP/2 404 161ms]
GET https://site/static/css/main.4b763604.css [HTTP/2 404 160ms]
Loading failed for the <script> with source “https://www.aloconcursos.com/static/js/main.db771bdd.js”.
Эти файлы существуют в каталоге build/static
, но я решил, что браузер должен использовать статические файлы, собранные в /vol/web/static
.
Конфигурация Nginx:
server {
listen ${LISTEN_PORT};
location /static {
alias /vol/static;
}
location / {
uwsgi_pass ${APP_HOST}:${APP_PORT};
include /etc/nginx/uwsgi_params;
client_max_body_size 10M;
}
}
Dockerfile:
FROM python:3.9-alpine
ENV PYTHONUNBUFFERED 1
ENV PATH="/scripts:${PATH}"
RUN pip install --upgrade "pip<24.1"
COPY ./requirements.txt /requirements.txt
RUN apk add --update --no-cache postgresql-client jpeg-dev \
&& apk add --update --no-cache --virtual .tmp-build-deps \
gcc libc-dev linux-headers postgresql-dev musl-dev zlib zlib-dev libffi-dev \
&& pip install -r /requirements.txt \
&& apk del .tmp-build-deps
RUN mkdir -p /app /vol/web/media /vol/web/static
RUN adduser -D user
RUN chown -R user:user /vol /app
COPY ./app /app
COPY ./scripts /scripts
COPY ./requirements.txt /requirements.txt
RUN chmod -R 755 /vol/web /app /scripts \
&& chmod +x /scripts/*
USER user
WORKDIR /app
VOLUME /vol/web
CMD ["entrypoint.sh"]
Я подозреваю, что проблема может быть в правах доступа к файлу, но после того, как я меняю права, ошибки продолжаются. Подскажите, что может быть не так или как отладить это дальше?
Любая помощь будет очень признательна!
Попробуйте объявить тома в определении задачи ECS
"volumes": [
{
"name": "static",
"host": {}
}
],
Настройте его в зависимости от ваших настроек.
Я думаю, что ошибка кроется в конфигурации nginx. Вы устанавливаете псевдоним для маршрута static
на /vol/static
, вместо /vol/web/static
:
server {
listen ${LISTEN_PORT};
location /static {
alias /vol/web/static;
}
...
}