Galvenā problēma, kas saistīta ar React Router 404 novirzīšanu, ir tā, ka to var būt grūti ieviest. Tā kā React Router nav iebūvētas 404 lapas, izstrādātājiem ir manuāli jāizveido maršruts 404 lapai un pēc tam jākonfigurē maršrutētājs, lai novirzītu visus pieprasījumus, kas neatbilst esošajam maršrutam. Tam nepieciešams papildu kods un konfigurācija, kas var būt laikietilpīga un grūti atkļūdojama, ja kaut kas noiet greizi. Turklāt, ja lietotājs pāriet tieši uz URL, kas neeksistē, viņš joprojām redzēs kļūdas lapu, nevis tiks novirzīts uz 404. lapu.
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. rinda: šī rinda importē komponentus BrowserRouter, Route un Switch no react-router-dom bibliotēkas.
// 3. rindiņa: šī rinda definē funkciju ar nosaukumu App, kas atgriež JSX.
// 5.–7. rindiņa: šajās rindās lietotnes komponents ir iekļauts maršrutētāja komponentā no react-router-dom.
// 8.–10. rindiņa: šīs rindas definē divus maršrutus attiecīgi komponentiem Sākums un Par.
// 12. rindiņa: šī rinda definē maršrutu, kas novirza uz sākumlapu, ja neviens cits maršruts neatbilst.
Kas ir 404 kļūdas kods
React Router kļūdas kods 404 ir HTTP statusa kods, kas norāda, ka pieprasīto resursu nevarēja atrast. Tas parasti tiek atgriezts, kad lietotājs mēģina piekļūt lapai vai maršrutam, kas neeksistē. Tas var notikt, ja lietotājs ir nepareizi ievadījis URL vai ja lapa ir noņemta vai pārvietota, neatjauninot saites uz to. Kad tas notiek, React Router parādīs vispārīgu 404 lapu ar atbilstošu ziņojumu, informējot lietotāju par kļūdu.
404 Pārvirzīšana
Programmā React Router 404. novirzīšana ir veids, kā novirzīt lietotājus uz citu lapu, kad viņi mēģina piekļūt nederīgam URL. Tas var būt noderīgi, lai lietotājiem nodrošinātu labāku pieredzi, kad viņi ievada nepareizu URL vai mēģina piekļūt lapai, kas neeksistē. 404 novirzīšanu var ieviest, izmantojot React Router komponentu Redirect, kas ļauj norādīt tās lapas ceļa nosaukumu, uz kuru vēlaties novirzīt lietotāju. Piemēram, ja kāds mēģina piekļūt /invalid-url, varat izmantot novirzīšanas komponentu šādi:
