部署至Docker时无法加载样式表与JavaScript文件求助

看起来你的问题核心出在静态文件的挂载与访问路径配置上，结合你给出的docker-compose.yml，我整理了几个关键的修复点：

1. 修正静态文件的共享卷配置 #

你当前的web服务用了匿名挂载- /usr/src/app/web/project/static，这会导致Nginx无法稳定访问到web容器里的静态文件。我们需要用命名卷来共享静态文件：

修改docker-compose.yml，添加顶层卷定义，并调整web和nginx的挂载：

version: '2'
# 新增顶层卷定义，用于共享静态文件
volumes:
  static_volume:

services:
  web:
    restart: always
    build: ./web
    expose:
      - "8000"
    # 修改为挂载到命名卷，指向你收集静态文件的目录（比如STATIC_ROOT）
    volumes:
      - static_volume:/usr/src/app/web/static_collected
    # 先执行静态文件收集，再启动gunicorn
    command: bash -c "python manage.py collectstatic --noinput && /usr/local/bin/gunicorn -w 2 -b :8000 project:app"
    depends_on:
      - postgres
  nginx:
    restart: always
    build: ./nginx
    ports:
      - "80:80"
    # 挂载同一个命名卷到Nginx的静态目录
    volumes:
      - static_volume:/www/static
    depends_on:
      - web
  data:
    image: postgres:9.6
    volumes:
      - /var/lib/postgresql
    command: "true"
  postgres:
    restart: always
    build: ./postgresql
    volumes_from:
      - data
    # 修正expose的语法错误
    expose:
      - "5432"

2. 确保项目正确配置静态文件收集 #

如果你的项目是Django（从gunicorn和project:app的命名来看大概率是），需要在settings.py里配置静态文件的收集目录：

# settings.py
STATIC_URL = '/static/'
# 指定收集所有静态文件到这个目录，对应上面web容器里的挂载路径
STATIC_ROOT = '/usr/src/app/web/static_collected'

如果是其他框架（比如Flask），需要调整静态文件的存放路径，确保它指向/usr/src/app/web/static_collected或者共享卷挂载的目录。

3. 修正Nginx的配置文件 #

在你的Nginx Dockerfile对应的配置文件里，需要添加静态文件的路由规则，让Nginx处理静态请求：

# nginx.conf示例
server {
    listen 80;

    location /static/ {
        # 对应Nginx容器里的静态目录挂载路径
        root /www;
        # 设置缓存过期，优化性能
        expires 30d;
    }

    location / {
        proxy_pass http://web:8000;
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
    }
}

这样当用户访问/static/xxx.css或/static/xxx.js时，Nginx会直接从/www/static目录（也就是共享的静态卷）返回文件，而不是转发给gunicorn。

4. 验证静态文件是否存在 #

部署后可以进入web容器检查静态文件是否正确收集：

docker-compose exec web ls /usr/src/app/web/static_collected

如果目录为空，说明collectstatic命令执行失败，需要检查项目的静态文件配置，或者查看容器日志排查错误：

docker-compose logs web

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