Приложение 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.