Как развернуть мое React-приложение на страницах пользователя github - PullRequest
Новая
       13

Как развернуть мое React-приложение на страницах пользователя github

0 голосов
/ 07 февраля 2019

Я весь день пытался развернуть свое приложение React на

Github User Pages: например, https://mygitname.github.io

вместо страниц Github: напримерhttps://mygitname.github.com/mysite

Я встречал много ответов и рекомендаций, которые на самом деле не давали работающего решения (или, по крайней мере, простого), поэтому я решил спроситьСам вопрос здесь, так что я могу поделиться им в следующий раз, когда кому-то понадобится знать.

Я прочитал условия и обнаружил, что можно задавать вопрос и отвечать на него, если я так думаю, можноможет быть полезным.

В этом примере я предполагаю, что вы создаете простую Onepage, потому что маршруты могут вызвать другие проблемы (я не буду говорить о них здесь)

1 Ответ

0 голосов
/ 07 февраля 2019

Во-первых, создайте пустой репозиторий на github и назовите его как ваш сайт

  • , если ваше имя github

"mygithubname"

назовите его

"mygithubname.github.io"

Затем откройте Terminal / Gitbash в папке вашего приложения React и выполните следующие действия: 

$ npm install gh-pages --save-dev

Затем откройте файл package.json и в самом начале (после первой скобки) добавьте следующее: 

"homepage": "http://mygithubname.github.io/,"

и добавьте эти строки в «скрипты»: 

"scripts": {
  //...
  "predeploy": "npm run build",
  "deploy": "gh-pages -d build --branch master"
}

Поскольку gh-pages создает ветку gh-pages, а пользовательские страницы github отображают ваш веб-сайт только из основной ветки, вы должны принудительно настроить его.

Наконец, вернитесь в свой терминал /gitbash и введите следующие команды: 

$ git init

$ git remote add origin https://github.com/mygithubname/mygithubname.github.io.git

$ npm run deploy

и вуаля!Ваш веб-сайт сейчас подключен к сети "https://mygithubname.github.io"

. Имейте в виду, что таким образом только ваш производственный веб-сайт будет подключен к сети. Если вы также хотите отслеживать источник, вы можете создать другую ветку и нажать ее там.(или другой репозиторий).

Надеюсь, это будет полезно, Веселитесь!

...