Devilz_1
@Devilz_1
Frontend-Developer

В чем суть проблемы при использовании BrowserRouter и возникновении 404 ошибки?

Всем привет! Направьте на путь истинный, очень прошу.

Есть проект.

Использовал HashRouter для роутинга своего приложения. Всё бы ничего, но стала напрягать решетка в url. Переделал на BrowserRouter, к тому же ещё и специфика приложения походит на ситуацию, когда, судя по titorial, надо использовать именно BrowserRouter (динамическое приложение с асинхронными запросами на сторонний API).

Корневой элемент выглядит так:
<Provider store={store}>
		<BrowserRouter basename={"/"}>
			<App />
		</BrowserRouter>
	</Provider>


роутер выглядит так:
<Switch>
						<Route exact path="/" component={Menu}/>
						<Route path="/delivery" component={Delivery} />
						<Route path="/pay" component={Pay} />
						<Route path="/about" component={About} />
						<Route path="/manager" component={Manager} />
						<Route path="/personal" component={Personal} />
						<Route component={NotFound} />
					</Switch>


Так вот переделав, получил следующее: прохожу по дефолтному роуту "/" всё ок. Ребутаю страницу - всё ок. Далее иду по роуту "/delivery" - всё ок. Ребутаю страницу - 404 ошибка. И так с остальными. При попытке попасть на сайт например по адресу so-dev.tk/delivery - то же самое. При попытке прописать роут вручную в командной строке - та же 404 ошибка. Фактически роуты доступны только при програмном взаимодействии (ссылки). C HashRouter всё работает идеально.

Мог бы оставить и HashRouter, но стало крайне интересно почему так себя ведёт BrowserRouter. На локалке, кстати BrowserRouter работает хорошо.

Заранее спасибо за ответы.
  • Вопрос задан
  • 639 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
26 апр. 2024, в 06:46
1000 руб./в час
26 апр. 2024, в 05:31
1000 руб./за проект