Как исправить 404 не найдено в приложении create-реагировать

когда я напрямую посещаю "https://xyz/логин", отображается ошибка "404 not found", но после выхода с домашней страницы ("https://xyz/") меня перенаправляет на "https://xyz/логин".
Эта проблема начинается после развертывания моего приложения create-реагировать. мы использовали сервер nginx для развертывания.

Вы пытались добавить "домашнюю страницу":"." stackoverflow.com/questions/43011207/…

SoorajSethumadhavan 10.02.2019 07:55

Вот простая статья, чтобы решить эту проблему. Мы можем решить эту проблему для любого фреймворка SPAhttps://blog.almightytricks.com/2020/10/14/how-to-f‌​ix-404-page-not-foun‌​d-error-after-build-‌​ in-angular-или-реагировать-‌​или-vue-js/

Sangram Badi 15.10.2020 13:02
stackoverflow.com/questions/68544199/…
KushalSeth 27.07.2021 14:04
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Массив зависимостей в React
Массив зависимостей в React
Все о массиве Dependency и его связи с useEffect.
0
3
1 543
2

Ответы 2

Установите базовое имя в BrowserRouter.

<BrowserRouter basename='/xyz'>
  <Route exact path='/' /> 
</BrowserRouter>

можешь уточнить @anil

Arafat Tanim 10.02.2019 07:53

Отредактируйте nginx/sites-available/default в ВИМ ИЛИ нано, как вы предпочитаете, на вашем сервере.

vi /etc/nginx/sites-available/default
nano /etc/nginx/sites-available/default

Изменить ниже

location / {
    try_files $uri $uri/ =404;
}

к

location / {
    try_files $uri $uri/ /index.html;
}

but it redirect me to 'https://xyz/login' after logout from home page ('https://xyz/').

Вы можете войти в систему от кнопки выхода из системы, потому что 'create-react-app' и BrowserRouter активны и могут выполнять маршрутизацию только с домашней страницы /, т.е. Если вы заходите в /someLink, ваш сервер не знает, что с ним делать, то он прочитал правило, чтобы перейти к ошибке 404. Вышеизложенное изменяет все запросы на то, чтобы они всегда направлялись на вашу домашнюю страницу, чтобы BrowserRouter мог взять их оттуда.

Если вы хотите узнать больше об этой проблеме, ознакомьтесь с этим вопросом: Обсуждение

примечание: с точки зрения поисковой оптимизации Google по-прежнему сканирует SPA, но проверяйте https://www.npmjs.com/package/react-моментальный снимок для оптимизации SPA.

Другие вопросы по теме