Код развернут, но страница пуста. Разверните приложение реагирования, которое было создано с помощью приложения «Создать реагирование» на страницах nginx и github.

Question

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

1.nginx 2.github pages

В обоих случаях только логотип приложения реакции и заголовокотображается на вкладке, но в теле страницы ничего не отображается.(Страница пуста, хотя код развернут)

Кто-нибудь знает, почему это происходит?

Answer 1

Это вызвано тем, что вы использовали Browser Router в своем реактивном проекте.

Обе страницы GitHub и nginx обслуживают ваше приложение из некорневой папки (то есть username.github.io/repo-name/), а не из корня.папка (т.е. username.github.io/).React Router не считает URL вашего приложения соответствующим ни одному из маршрутов, определенных в вашем приложении.

Например, если вы определяете маршрут с помощью <Route exact path="/" component={SomeComponent} />, React Router увидит, что / и /repo-name/ делают , а не соответствуют точно и будут,таким образом, не визуализируйте компонент.

Чтобы преодолеть эту ошибку, используйте базовое имя prop в BrowserRouter и назовите его в соответствии с именем папки без полномочий root.

пример: - если ваше приложение обслуживаетсяВнутри папки «folder1» на вашем сервере сделайте следующее.

Надеюсь, мой ответ поможет кому-то решить эту проблему.ура!@iii @ R2B