使用Traefik時如何使用Nginx和Django Gunicorn提供靜態內容

Question

我有一個使用多個容器的Web應用程序（基於Django）：

1. Web應用程序（Django + Gunicorn）
2. Traefik（充當反向代理和SSL終止）
3. 與Web應用程序一起使用的數據庫
4. 與Web應用程序一起使用的Redis

根據我讀過的一些文檔，我應該使用像NGINX這樣的東西來提供我的靜態內容。 但我對如何做到這一點並不知情。 我會在我的Web應用程序容器上安裝NGINX還是作為單獨的NGINX容器安裝。 我如何傳遞Traefik的請求？ 據我所知，你無法使用Traefik服務靜態內容。

這就是我的docker-compose.yml的樣子：

 traefik:
    image: traefik
    ports:
      - 80:80
      - 8080:8080
      - 443:443
    volumes:
      - /var/run/docker.sock:/var/run/docker.sock:ro
      - ./traefik/traefik.toml:/etc/traefik/traefik.toml:ro
      - ./traefik/acme:/etc/traefik/acme

  web:
    build: .
    restart: always
    depends_on:
        - db
        - redis
        - traefik
    command: python3 /var/www/html/applications/py-saleor/manage.py makemigrations --noinput
    command: python3 /var/www/html/applications/py-saleor/manage.py migrate --noinput
    command: python3 /var/www/html/applications/py-saleor/manage.py collectstatic --noinput
    command: bash -c "cd /var/www/html/applications/py-saleor/ && gunicorn saleor.wsgi -w 2 -b 0.0.0.0:8000"
    volumes:
      - .:/app
    ports:
      - 127.0.0.1:8000:8000
    labels:
      - "traefik.enable=true"
      - "traefik.backend=web"
      - "traefik.frontend.rule=${TRAEFIK_FRONTEND_RULE}"
    environment:
      - SECRET_KEY=changemeinprod

  redis:
    image: redis

  db:
    image: postgres:latest
    restart: always
    environment:
      POSTGRES_USER: saleoradmin
      POSTGRES_PASSWORD: **
      POSTGRES_DB: **
      PGDATA: /var/lib/postgresql/data/pgdata
    volumes:
      - ~/py-saleor/database:/app

Answer 1

如果有其他人需要答案，答案在於創建一個單獨的NGINX服務，然后將前端規則指向靜態位置（xyz.com/static），例如見下文（docker-compose.yml的一部分）：

  nginx:
       image: nginx:alpine
       container_name: nginx_static_files
       restart: always
       volumes:
           - ./default.conf:/etc/nginx/conf.d/default.conf
           - ./saleor/static/:/static
       labels:
           - "traefik.enable=true"
           - "traefik.backend=nginx"
           - "traefik.frontend.rule=Host:xyz.co;PathPrefix:/static"
           - "traefik.port=80"

您還需要確保正確配置了Nginx配置文件（default.conf）：

server {
   listen                      80;
   server_name                 _;
   client_max_body_size        200M;
   set                         $cache_uri $request_uri;

   location                    = /favicon.ico { log_not_found off; access_log off; }
   location                    = /robots.txt  { log_not_found off; access_log off; }
   ignore_invalid_headers      on;
   add_header                  Access-Control-Allow_Origin *;

   location /static {
       autoindex on;
       alias /static;
   }

   location /media {
       autoindex on;
       alias /media;
   }

   access_log                  /var/log/nginx/access.log;
   error_log                   /var/log/nginx/error.log;
}

所有功勞都歸功於Traefik slack頻道上的Pedro Rigotti，幫助我找到解決方案。

Answer 2

我對Traefik和Docker一無所知。

但我可以告訴你如何安裝nginx並使用它來提供靜態文件（為了不通過提供靜態文件來阻止django服務器，總是建議使用它）

安裝nginx並按照提到的步驟設置nginx 。

sudo apt-get install nginx

站點可用文件應如下所示：

server {
        listen 80;
        listen [::]:80;

        server_name xyz.com;
        client_max_body_size 20M;

        # xyz.com/media/any_static_asset_file.jpg 
        # when anyone hits the above url then the request comes to this part.
        location /media/ {

                # do make sure that the autoindex is off so that your assets are only accessed when you have proper path

                autoindex off; 

                # this is the folder where your asset files are present.

                alias /var/www/services/media/; 
        }

        # whenever any request comes to xyz.com then this part would handle the request
        location / {
                proxy_pass http://unix:/var/www/services/xyz/django_server.sock;
                proxy_http_version 1.1;
                proxy_set_header Upgrade $http_upgrade;
                proxy_set_header Connection 'upgrade';
                proxy_set_header Host $host;
                proxy_cache_bypass $http_upgrade;
        }
}