Django and Docker Compose access media folder between containers - django

Question

I'm working on a docker-compose app using Django and a container to check images validity, here's the project structure:
|-- backend
| |-- backend
| | |-- asgi.py
| | |-- celery.py
| | |-- __init__.py
| | |-- settings.py
| | `-- urls.py
| |-- manage.py
| |-- media
| | `-- temp
| | `-- image.png
| |-- profiles
|-- docker-compose.yml
|-- Dockerfile
|-- README.md
|-- requirements.txt
**|-- config/nginx/nginx.conf**
Here's the docker-compose configuration of django and nsfw:
app:
build: .
volumes:
- .:/app
ports:
- "8000:8000"
env_file:
- .env/.env.dev
depends_on:
- database
nsfw:
image: eugencepoi/nsfw_api
logging:
driver: none
ports:
- "5000:5000"
depends_on:
- app
environment:
- PORT=5000
nginx:
image: nginx:latest
ports:
- "8001:8001"
volumes:
- .:/app
- ./config/nginx:/etc/nginx/conf.d
Nginx configuration:
client_max_body_size 10M;
upstream web {
ip_hash;
server app:8000;
}
server {
location /media/ {
autoindex on;
alias /app/media/;
}
location / {
proxy_pass http://web/;
}
listen 8000;
server_name localhost;
}
And here's when I try to access the source:
"{"error_code":404,"error_reason":"Not Found","url":"http://nginx/media/image.png"}\n"

Answer 1

As I can see from the EugenCepoi/nsfw_api repository, the service only supports http request. Also in production server, Django can't serve media contents, hence you can use VOLUME to share contents between many containers. I recommend using a new NGINX service for serving the media files, so I am adding the nginx service to the docker-compose file:
services:
app:
build: .
volumes:
- .:/app
env_file:
- ./.env/prod.env
depends_on:
- database
nsfw:
image: eugencepoi/nsfw_api
logging:
driver: none
ports:
- "5000:5000"
depends_on:
- app
environment:
- PORT=5000
nginx:
image: nginx:latest
ports:
- "8000:8000"
volumes:
- .:/app
- ./config/nginx:/etc/nginx/conf.d
volumes:
media:
And create a nginx configuration file in in your project directory/config/nginx/somename.conf:
client_max_body_size 10M;
upstream web {
ip_hash;
server app:8000;
}
server {
location /static/ {
autoindex on;
alias /app/path/to/static/;
}
location /media/ {
autoindex on;
alias /app/backend/media/;
}
location / {
proxy_pass http://web/;
}
listen 8000;
server_name localhost;
}
Now whatever content you add in app container's media folder, it will be available in /app directory of nginx container. Then nginx can serve these contents at nginx url.
url = "http://nginx:8000/media/temp/image.png"