Диагностика и настройка сервера для React-приложения

Возникла проблема с доступностью сайта, построенного на React и развернутого через nginx. Приложение перестало загружаться для пользователей определенных интернет-провайдеров и мобильных операторов, в то время как с других сетей и географических локаций все работает стабильно.

Описание проблемы

  • Сайт на React перестал загружаться у пользователей конкретных провайдеров (в описании указаны примеры).
  • Статические файлы из папки build/static после сборки не отдаются браузеру в проблемных сетях.
  • Простой статический сайт (vanilla HTML, CSS, JS), размещенный на том же сервере, работает корректно у всех пользователей, включая проблемные сети.
  • Это указывает на то, что проблема связана не с базовой работой сервера nginx, а с конфигурацией или особенностями раздачи собранного React-приложения.

Задачи для исполнителя

  1. Диагностика: Проанализировать текущую конфигурацию nginx, логи сервера и ошибки в браузере (если доступны) для пользователей из проблемных сетей.
  2. Выявление причины: Определить, почему статические файлы React-приложения не доставляются определенным провайдерам. Возможные направления: настройки MIME-типов, кэширования, заголовков (CORS, Content-Type), проблемы с маршрутизацией (SPA fallback) или сжатием.
  3. Настройка и исправление: Внести необходимые правки в конфигурационные файлы nginx для обеспечения корректной работы приложения для всех пользователей.
  4. Тестирование: Убедиться, что исправления решают проблему. По возможности, проверить или предоставить рекомендации по проверке из эмулируемых проблемных сетей.

Требования к исполнителю

  • Опыт администрирования веб-серверов, глубокое понимание работы nginx.
  • Знание особенностей развертывания и обслуживания SPA-приложений (React).
  • Умение проводить диагностику сетевых проблем и анализировать логи.
  • Грамотное составление конфигураций и пояснений к внесенным изменениям.