Django-Nginx-Gunicorn 使用 Docker Compose 返回错误的媒体文件路径

Question

我在使用 docker compose 在生产模式下部署的 Django REST 框架应用程序时遇到问题。问题是当我的端点返回带有 ImageField 的模型时，它返回错误的路径，特别是缺少 url 端口。静态文件在响应 url 中包含的端口上工作正常。

例如：

当前值：http://127.0.0.1/media/machines/034793bb-8516-45e3-a50a-4e00e7488617.png

预期：http://127.0.0.1:8000/media/machines/034793bb-8516-45e3-a50a-4e00e7488617.png

Settings.py

BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))
TEMPLATE_DIR = os.path.join(BASE_DIR, 'templates')
STATIC_DIR = os.path.join(BASE_DIR,'static')
MEDIA_ROOT = os.path.join(BASE_DIR, 'media') 
MEDIA_URL = '/media/'

STATIC_URL = '/static/'
STATIC_ROOT = '/app/static/'

** Docker 文件 **

FROM python:3.6
ENV PYTHONUNBUFFERED 1
RUN mkdir /app
WORKDIR /app
ADD . /app/
RUN pip install -r requirements.txt

CMD ["gunicorn", "-c", "config/gunicorn/conf.py", "--bind", ":8000", "--chdir", 
"app_api.wsgi:application"]

Docker-compose

version: '3.7'

services:
  web-service:
    build: .
    command: bash -c "pip install -r requirements.txt && python manage.py makemigrations && python 
    manage.py migrate && python manage.py collectstatic --noinput && python manage.py runserver 
    0.0.0.0:8000"
    container_name: app_backend
    volumes:
      - static:/app/static
      - media:/app/media
      - .:/app
    depends_on: 
      - db
    restart: on-failure:2
  db:
    image: postgres
    container_name: app_postgres
    environment: 
      - POSTGRES_USER=bd_user
      - POSTGRES_PASSWORD=password
      - POSTGRES_DB=new_database
    ports: 
      - "5432:5432"
    volumes: 
      - postgres:/var/lib/postgresql/data
    restart: on-failure:2
  nginx:
    image: nginx:latest
    ports:
      - 8000:80
    volumes: 
      - ./config/nginx/conf.d:/etc/nginx/conf.d
      - static:/app/static
      - media:/app/media
    depends_on: 
      - web-service
volumes:
  media:
  static:
  postgres: 
    driver: local 

Nginx 配置文件

upstream django_server {
    server web-service:8000;
}

server {
    listen 80;
    server_name localhost;

    location /static/ {
        alias /app/static/;
    }

    location /media/ {
        alias /app/media/;
    }

    location / {
        proxy_pass http://django_server;
        proxy_set_header X-Fowarded-For $proxy_add_x_forwarded_for;
        proxy_set_header Host $host;
        proxy_redirect off;
    }
}

** Gunicorn 配置 **

name = 'docker_django'
loglevel = 'info'
errorlog = '-'
accesslog = '-'
workers = 2

型号

class Machine(models.Model):
    name = models.CharField(max_length=100, blank=False, null=False)
    description = models.CharField(max_length=250, blank=True, null=True)
    image = models.ImageField(upload_to = 'machines', default='default.png')
    provider = models.TextField(blank=True, null=True)
    model = models.CharField(max_length=250, blank=True, null=True)
    data_source = models.ForeignKey(DataSource, related_name='data_source', on_delete=models.CASCADE)

    def __str__(self):
        return self.name

Answer 1

最简单的选择是在 nginx 中使用$http_host 而不是$host，因为$host 不包含端口信息。但是 $http_host 对于某些客户端可能为空。

        proxy_set_header Host $host;

Differences described in this SO answer

由于 nginx 对 8000 端口一无所知，它暴露在 docker 主机上，因此无法设置它。一种选择是从请求中获取Host http 标头（可能在请求中不存在，可能在极少数情况下）。

另一种选择是将端口 nginx 作为环境变量公开到 nginx 容器中，并在配置中使用此变量附加到 $host，这对于 nginx 可以通过在自定义入口点运行 envsubst 来完成。

它适用于静态文件的原因 - 静态文件 url 包含在模板中（不是 api 响应），其中包含与当前网站根目录相关的链接（无论它是什么），它们不需要 build_absolute_uri() 由 django 运行.