Главни проблем у вези са преусмеравањем Реацт Роутер 404 је тај што може бити тешко имплементирати. Пошто Реацт Роутер нема уграђену 404 страницу, програмери морају ручно да креирају руту за страницу 404, а затим да конфигуришу рутер да преусмери све захтеве који се не подударају са постојећом рутом. Ово захтева додатни код и конфигурацију, што може трајати дуго и тешко за отклањање грешака ако нешто крене наопако. Поред тога, ако корисник дође директно до УРЛ-а који не постоји, и даље ће видети страницу са грешком уместо да буде преусмерен на страницу 404.
import { BrowserRouter as Router, Route, Switch } from "react-router-dom";
const App = () => (
<Router>
<Switch>
<Route exact path="/" component={Home} />
<Route exact path="/about" component={About} />
{/* 404 Redirect */}
<Route render={() => (<Redirect to="/" />)} />
</Switch>
</Router>
);
// Линија 1: Ова линија увози компоненте БровсерРоутер, Роуте и Свитцх из библиотеке реацт-роутер-дом.
// Линија 3: Ова линија дефинише функцију под називом Апп која враћа ЈСКС.
// Редови 5-7: Ови редови омотавају компоненту апликације у компоненту рутера из реацт-роутер-дом.
// Редови 8-10: Ови редови дефинишу две руте за компоненте Хоме и Абоут.
// Линија 12: Ова линија дефинише руту која преусмерава на почетну страницу ако се ниједна друга рута не подудара.
Шта је 404 код грешке
Код грешке 404 у Реацт Роутер-у је ХТТП статусни код који указује да тражени ресурс није могао бити пронађен. Обично се враћа када корисник покуша да приступи страници или рути која не постоји. Ово може да се деси ако је корисник погрешно унео УРЛ или ако је страница уклоњена или премештена без ажурирања веза до ње. Када се то догоди, Реацт Роутер ће приказати генеричку 404 страницу са одговарајућом поруком која обавештава корисника о њиховој грешци.
404 Преусмеравање
У Реацт Роутер-у, 404 преусмеравање је начин да се корисници преусмере на другу страницу када покушају да приступе неважећој УРЛ адреси. Ово може бити корисно за пружање бољег искуства корисницима када унесу нетачну УРЛ адресу или покушају да приступе страници која не постоји. 404 преусмеравање се може имплементирати помоћу компоненте Редирецт из Реацт Роутера, која вам омогућава да наведете име путање странице на коју желите да преусмерите корисника. На пример, ако неко покуша да приступи /инвалид-урл, можете користити компоненту Преусмеравање овако:
