My docker-compose.yml file looks like this:
version: "1.0"
services:
web:
container_name: webserver
image: nginx
volumes:
- ./nginx.conf:/etc/nginx/nginx.conf:ro
- ./frontend:/frontend
ports:
- "8001:80"
environment:
- NGINX_HOST=someweb.com
- NGINX_PORT=80
The contents of my nginx.conf file are as follows:
user www-data www-data;
worker_processes auto;
events {
worker_connections 1024;
}
http {
server {
listen 80;
server_name some.server;
include /etc/nginx/mime.types;
location / {
root /frontend;
index index.html;
gzip_static on;
}
}
}
The static files in my frontend folder are listed below:
├── assets
│ ├── index-af7a4a31.css
│ ├── index-ef3b217c.js
│ └── logo-e79ddb16.gif
├── bootstrap.min.css
├── bootstrap.min.js
├── favicon.ico
├── index.html
├── popper.min.js
└── logo.gif
When trying to access the website, I encounter MIME type errors related to CSS and JavaScript files not being loaded correctly. Even though I have included /etc/nginx/mime.types, the issue persists. The CSS doesn't load at all, and the JavaScript loads with warnings. Is there something obvious that I am missing?