Задать вопрос
Ballly
@Ballly
react

Почему идёт постоянная загрузка страницы на React?

Всем доброго времени суток
Разворачиваю проект React на VDS, и столкнулся с такой проблемой, что при обращении к url адресу - идёт бесконечная загрузка страницы, просто белая страница без ошибки. В консоли браузера ошибок нет, index.html отдает 200 ответ. Ошибок нет при выполнении npm install и npm run build. Дайте совет что проверить, куда копать?
Конфигурация сервера: Ubuntu 24.04, Nginx 1.24.0, npm 10.9.7, node 22.22.2
Конфигурационный файл сайта в nginx
server {

  listen 80;

  server_name site.ru;

  root /var/www/html/test/dist;
  index index.html; 
 
  include /etc/nginx/mime.types;
  default_type application/octet-stream;

	types {
		application/javascript js mjs;
		text/css css;
	}


  location / {
    try_files $uri $uri/ /index.html;
    access_log /var/log/nginx/site_access.log;
    error_log /var/log/nginx/site_error.log;
  }

    location ~* \.(js|mjs|css|png|jpg|jpeg|gif|ico|svg|woff|woff2|ttf|eot)$ {
		add_header Content-Type "application/javascript" always;
        expires 1y;
        add_header Cache-Control "public, immutable";
        try_files $uri =404;
    }
}

97b18584aaa9e888a5f8c1af34c4dd35.png
26506e69c43d34f8c6091d33bf527936.png
057c943a80b1da22ae40200f7c0febf0.png
  • Вопрос задан
  • 282 просмотра
3 комментария
Подписаться 1 Средний 3 комментария
Помогут разобраться в теме Все курсы
  • Нетология
    Frontend-разработка на React
    10 недель
    Далее
  • Академия Эдюсон
    React-разработчик + ИИ
    2 месяца
    Далее
  • Яндекс Практикум
    React-разработчик
    3 месяца
    Далее
Пригласить эксперта
Ответы на вопрос 1
opium
@opium
Просто люблю качественно работать
По скринам видно — .js и .css файлы висят в pending, nginx не шлёт ответ вообще. Первое что б проверил: ls -la /var/www/html/test/dist/assets/ — файлы там есть? Если есть, скорее всего права: 
chmod -R 755 /var/www/html/test/dist && chown -R www-data:www-data /var/www/html/test/dist
. А ещё убери 
add_header Content-Type "application/javascript" always;
из статик-локейшна — она вешает application/javascript на всё включая CSS, хотя у тебя include mime.types уже есть.
Ответ написан
4 комментария
4 комментария
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы