Теперь, когда в предыдущем посте описывалось, как развернуть серверный API, мы поговорим о том, как бесплатно развернуть интерфейс React на страницах Github. Теперь… есть некоторые предостережения. В основном следите за маршрутами на стороне клиента. Я продолжал сталкиваться с проблемами, пока не обратился к документации React.
Во-первых, давайте создадим проект React и разместим его на Github.
Cd в каталог и откройте свой редактор. В моем случае это будет [cd blogfrontend], затем [code.].
Далее зайдите в github и создайте репо.
И скопируйте свой SSH
И так же, как говорит github ...
Так что на самом деле иметь README только для демонстрационных целей - плохая практика. На самом деле он вам не нужен для запуска вашего сайта.
- [git init]
- [git add.]
- [git commit -m ‘first’]
- [git remote add origin ‹адрес SSH›]
- [git push -u origin master]
Во-вторых, мы собираемся настроить все необходимые части, чтобы развертывание на страницах github работало.
Перейдите в свой packages.json и добавьте «домашнюю страницу»: «https: // _________»
Затем установите пакет github pages.
Вернитесь в свой файл packages.json и добавьте в него еще пару строк. Внутри «scripts»: {} мы собираемся добавить [«prevploy»: «npm run build», «deploy»: «gh-pages -d build»].
Вернитесь на свой github и страницу проекта и перейдите в «настройки»
Если вы прокрутите страницу вниз, то убедитесь, что она находится в соответствующей ветке, а не в главной.
А теперь, просто для садизма, давайте проверим, появятся ли изменения. Закомментирую основное изображение.
А затем снова развернуть
ОНО РАБОТАЕТ!
