Почему сайты, обслуживаемые nginx, не имеют стилевого оформления - PullRequest
0 голосов
/ 08 декабря 2018

Я пытаюсь поставить сборку приложения реакции на локальный хост / используя 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

1 Ответ

0 голосов
/ 08 декабря 2018

Хорошо, я не понимаю, почему.Но я возился с инспектором, и я случайно нажал, чтобы отключить кеш http и загрузить загрузчик !?Я действительно понятия не имею, как, но теперь это работает.

...