Развертывание приложения React в Netlify

Приложение react — это одностраничное приложение, что означает наличие только одного документа, т.е. файла index.html, который обновляется javascript в соответствии с требованиями пользователя.

В этом руководстве я собираюсь показать вам, как можно развернуть приложение react на netlify из существующего репозитория git.

Учебник

  • Создайте файл netlify.toml в rool вашего приложения react и добавьте в него следующее правило.
[[redirects]]
  from = "/*"
  to = "/index.html"
  status = 200
Войти в полноэкранный режим Выйти из полноэкранного режима

Приведенное выше правило применимо, если у вас есть несколько маршрутов и в вашем проекте используются библиотеки типа react-router.

По сути, мы говорим netlify перенаправить все маршруты в наш файл index.html с кодом состояния 200, поскольку наше приложение построено на react и является одностраничным приложением. Мы уже обсуждали, что такое SPA в самом начале этого руководства.

  • Создайте учетную запись на netlify, если вы еще этого не сделали.
  • Перейдите на вкладку sites и добавьте новый сайт.

  • Выберите import an existing project из выпадающего меню.
  • Вы увидите ряд провайдеров, из которых вы можете импортировать свой проект.

  • Пройдите аутентификацию и выберите хранилище.
  • Измените конфигурацию развертывания по умолчанию в соответствии с вашими требованиями.

  • При необходимости вы также можете добавить переменные env.
  • Наконец, нажмите на deploy site, и ваш сайт будет развернут.

Вот и все на данный момент. Подписываюсь.

Эта статья была первоначально опубликована в Syntackle.

Оцените статью
devanswers.ru
Добавить комментарий