Я пытаюсь поставить сборку приложения реакции на локальный хост / используя nginx.Насколько я понимаю, мне нужно собрать приложение с помощью «npm run build», а затем предоставить каталог сборки со статическим контентом.После многих часов мне удалось заставить его работать с докером и моим сервисом django как api под localhost / api /.Но что не работает, так это css и js на этих сайтах.На любой странице не реагирует ни конечная точка django, но есть только необработанный HTML-файл с прикрепленным CSS, но он не работает.После многих попыток изменить конфиг и т. Д. Я закончил с тем же необработанным HTML.Почему в nginx нет стилей на сайтах, даже если при проверке этих страниц есть ссылки на css.
Это мой nginx.conf
http {
server {
listen 80;
listen [::]:80;
root /var/www/html;
server_name localhost;
index index.html index.htm;
location /api/ {
proxy_pass "http://web:8000/";
}
location / {
include /etc/nginx/mime.types;
try_files $uri $uri/ /index.html;
}
location ~* \.(?:jpg|jpeg|gif|png|ico|cur|gz|svg|svgz|mp4|ogg|ogv|webm|htc)$ {
root /var/www/html;
expires 1M;
access_log off;
add_header Cache-Control "public";
}
}
}
Это часть docker-compose
nginx:
image: nginx:latest
ports:
- 80:80
- 443:443
volumes:
- ./nginx_conf/:/etc/nginx/
- ./frontend/build/:/var/www/html/
depends_on:
- web
Когдая запускаю это приложение с npm start: image
Когда я вхожу в localhost / с запущенным nginx: image