Django样式在Docker中失效（虚拟环境正常）求助

错误信息 #

页面加载时出现以下错误：

listings:20 Refused to apply style from 'http://localhost:8000/static/meltexapp/main.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.

补充：Django Admin的CSS也无法加载，错误如下：

Refused to apply style from 'http://localhost:8000/static/admin/css/dashboard.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.

项目文件结构 #

meltex
-settings.py
[...]
meltexapp
-static
--meltexapp.css
-templates
--nav.html
Dockerfile
docker-compose.yaml
[...]

问题背景 #

项目在本地虚拟环境中运行正常，但Docker环境下出现上述静态资源加载错误，推测问题出在Docker相关配置上。

可能的解决方案 #

1. 检查settings.py静态资源配置 #

确保以下配置项正确：

# settings.py
from pathlib import Path

BASE_DIR = Path(__file__).resolve().parent.parent

STATIC_URL = '/static/'
# 指定静态文件收集的目标目录
STATIC_ROOT = BASE_DIR / 'staticfiles'

# 添加自定义静态文件目录到搜索路径
STATICFILES_DIRS = [
    BASE_DIR / 'meltexapp/static',
]

2. 在Docker构建流程中执行静态文件收集 #

修改Dockerfile，加入收集静态文件的步骤：

# Dockerfile示例
FROM python:3.11-slim

WORKDIR /app

COPY requirements.txt .
RUN pip install --no-cache-dir -r requirements.txt

COPY . .

# 自动收集静态文件到STATIC_ROOT目录
RUN python manage.py collectstatic --noinput

CMD ["python", "manage.py", "runserver", "0.0.0.0:8000"]

3. 验证docker-compose.yaml的目录映射配置 #

如果使用卷映射静态文件目录，确保映射的是STATIC_ROOT对应的路径：

# docker-compose.yaml示例
version: '3.8'
services:
  web:
    build: .
    ports:
      - "8000:8000"
    volumes:
      - .:/app
      # 映射静态文件卷，避免重复收集
      - static_volume:/app/staticfiles
volumes:
  static_volume:

4. 确认DEBUG模式设置 #

若Docker环境中DEBUG=False，Django自带服务器不会主动托管静态资源，此时需要用Nginx等反向代理服务处理静态文件请求；若仅用于测试，可临时开启DEBUG=True（生产环境禁止）。

内容的提问来源于stack exchange，提问作者finno41