Базовый URL для сайта React.js на страницах Github

Question

Я развернул свой веб-сайт портфолио, созданный с использованием React.js на страницах Github.

Во всех руководствах в качестве URL-адреса домашней страницы упоминается следующий URL:

{
  ...
  "homepage": "https://myusername.github.io/my-app",
  ...
}

Таким образом, чтобы открыть веб-сайт, URL-адрес будет https://myusername.github.io/my-app. Можно ли как-то переименовать URL-адрес только в https://myusername.github.io/, насколько это возможно при развертывании с использованием чистого JavaScript?

Я пытался

{
  ...
  "homepage": "https://myusername.github.io/",
  ...
}

уже. Это только делает README.md.

Ссылки: https://github.com/Shubhayu-Das/portfolio & https://github.com/Shubhayu-Das/Shubhayu-Das.github.io

Редактировать: я использую gh-pages для сборки и развертывания приложения на Github Pages.

Answer 1

Я разложил ваш репозиторий, перестроил и заново развернул ваш проект, и, похоже, это устранило проблему для меня.

Это команды, которые я использовал после разветвления и клонирования:

1. npm install
2. npm run build
3. npm run deploy

Также мне пришлось изменить атрибут homepage в соответствии с моим хранилищем, но вам не нужно это делать.

Вы можете проверить по адресу: https://github.com/AdityaSrivast/Shubhayu-Das.github.io

Надеюсь, это поможет!

Answer 2

Я нашел решение именно то, что искал в следующем посте https://medium.com/@hannawerman/deploy-your-react-app-on-github-pages-a1d4cfdc88e9

Надеюсь, это поможет!

Answer 3

Я думаю, это общая проблема. Я считаю, что ваш CI развертывает его из master ветви, но он должен развертываться из gh-pages ветви. В ваших настройках проекта вы должны выбрать правильную ветвь. В настоящее время я считаю, что это должно быть примерно так:

Но вы должны использовать ветку gh-pages или загрузить содержимое каталога build в каталог с именем docs и использовать правильный параметр, подобный следующему:

Надеюсь, это поможет вам найти проблему и решить ее.