Nginx 为 Django 应用程序提供静态文件

Question

我有一个要部署的 Django 应用程序。 在这个阶段，我似乎无法从我的 Nginx 容器中提供我的静态文件。

我的项目的设置类似于此。

我已将我的图像放入{% static "minimal/theme/assets/img/pic.jpg"%}目录。

我的网络应用程序的文件结构是：

.
├── Dockerfile
├── docker_django
│   ├── __init__.py
│   ├── apps
│   │   ├── __init__.py
│   │   └── todo
│   │       ├── __init__.py
│   │       ├── admin.py
│   │       ├── fixtures
│   │       │   ├── foodprice.json
│   │       │   ├── location.json
│   │       │   └── menuitem.json
│   │       ├── forms.py
│   │       ├── models.py
│   │       ├── templates
│   │       │   ├── _base-original.html
│   │       │   ├── feedback_template.txt
│   │       │   ├── home-original.html
│   │       │   └── todo
│   │       │       ├── base-original.html
│   │       │       ├── base-template.html
│   │       │       ├── base.html
│   │       │       ├── detail.html
│   │       │       ├── email.html
│   │       │       ├── feedback.html
│   │       │       ├── home.html
│   │       │       ├── home_old.html
│   │       │       ├── location.html
│   │       │       ├── menu.html
│   │       │       ├── results.html
│   │       │       ├── test.html
│   │       │       └── thanks.html
│   │       ├── tests.py
│   │       ├── urls.py
│   │       └── views.py
│   ├── settings.py
│   ├── urls.py
│   └── wsgi.py
├── manage.py
├── requirements.txt
└── static
    ├── main.css
    └── minimal
        └── theme
            ├── assets
            │   ├── css
            │   ├── img
            │   │   ├── pic1.jpg
            └── index.html

在我的 Nginx 容器中，我在启用了站点的文件夹中有一个配置文件，如下所示：

server {

listen 80;
server_name localhost;
charset utf-8;

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

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

}

我的settings.py相关部分的片段如下：

BASE_DIR =     os.path.dirname(os.path.dirname(os.path.abspath(__file__)))
print "base dir path", BASE_DIR
SITE_ROOT = os.path.dirname(os.path.realpath(__file__))
....
STATIC_URL = '/static/'
# STATICFILES_DIRS = (
#     os.path.join(BASE_DIR, 'static'),
# )
# print(STATICFILES_DIRS)
STATIC_ROOT = os.path.join(BASE_DIR, 'static')

production.yml 就像：

web:
  restart: always
  build: ./web
  expose:
    - "8000"
  links:
    - postgres:postgres
    - redis:redis
  env_file: .env
  command: /usr/local/bin/gunicorn docker_django.wsgi:application -w 2 -b :8000

nginx:
  restart: always
  build: ./nginx/
  ports:
    - "80:80"
  volumes:
    - /www/static
  volumes_from:
    - web
  links:
    - web:web

postgres:
  restart: always
  image: postgres:latest
  ports:
    - "5432"
  volumes:
    - pgdata:/var/lib/postgresql/data/

redis:
  restart: always
  image: redis:latest
  ports:
    - "6379"
  volumes:
    - redisdata:/data

当我在我的机器上本地运行时，静态文件夹中的所有 JavaScript 和图像都会加载并完美运行。 当我部署到数字海洋时，静态文件没有被提供，我被困在如何让 Nginx 为我的静态文件提供服务上。

Answer 1

您需要将文件夹/usr/src/app/static作为卷安装在您的 Web 容器中。 这样， ngnix就可以访问它。

web:
  restart: always
  build: ./web
  expose:
    - "8000"
  volumes:
    - /usr/src/app/static
  links:
    - postgres:postgres
    - redis:redis
  env_file: .env
  command: /usr/local/bin/gunicorn docker_django.wsgi:application -w 2 -b :8000

在您的nginx配置中，您告诉 nginx 从此目录/usr/src/app/static提供静态文件，但除非您链接它，否则nginx容器没有它。 你几乎做到了，你有volumes_from: web但是web容器没有安装任何卷，因为你需要添加volumes: - /usr/src/app/static

Answer 2

使用 compose v1 语法是没有意义的，这通常是使用 data-volume-containers（下面的应用程序代码）来完成的。 这确保您基本上可以根据需要在数据卷容器上设计文件夹结构，然后将其安装在您需要的所有容器中。

这些是您需要做的更改（docker composer v2 语法）

version: '2'
  services:
    nginx:
      volumes_from:
        - appcode:ro

    web:
      volumes_from:
        - appcode:rw

    appcode:
      image: cogniteev/echo
      container_name: dwstorage
      command: echo 'Data Volume Container'
      volumes:
         - appcode:/www/static
volumes:
  appcode:
    driver: local 

（没有被问到，但在这种情况下可能有用）在这一点上的提示，不要像守护进程那样命名你的服务，而是给它们语义名称。 所以nginx可以变成httpd，web变成app，postgres变成db。

如果你用 apache 替换 nginx，那么就相互通信而言，没有什么需要改变的，postgresql 与 percona 或其他什么都一样。