V Netlify React sa vyskytol problém s presmerovaniami. Keď vytvoríte presmerovanie, Netlify sa pokúsi automaticky aktualizovať komponenty href a path HTML dokumentu. Tento proces však môže niekedy viesť k nesprávnym alebo nefunkčným odkazom.
Ak máte problémy s presmerovaniami vo svojich projektoch Netlify React, odporúčame vypnúť automatické aktualizácie komponentov href a path. Môžete to urobiť nastavením nasledujúcej vlastnosti v konfigurácii vášho projektu:
netlify-react-redirect-auto-update: false
app In your React app, you can redirect to a different page using the Redirect component from React Router. import { Redirect } from 'react-router-dom'; class App extends React.Component { render() { return ( <div> <Redirect to="/new-page" /> </div> ); } }
Čo je netlify
Netlify je platforma ako služba (PaaS), ktorá pomáha vývojárom vytvárať a nasadzovať webové aplikácie. Poskytuje platformu pre vývojárov na vytváranie, správu a nasadzovanie webových aplikácií pomocou jediného príkazu. Netlify tiež poskytuje nástroje na monitorovanie a správu aplikácií.
Presmerovania v React
router
Keď vytvoríte trasu v React Router, môžete určiť presmerovanie, ktoré chcete sledovať. Toto presmerovanie sa uskutoční automaticky, keď používateľ navštívi trasu.
Ak chcete vytvoriť presmerovanie v React Router, použite funkciu presmerovania. Táto funkcia má dva argumenty: cestu, ktorú treba sledovať, a funkciu obsluhy, ktorá sa zavolá, keď používateľ dorazí do cieľa presmerovania. Funkcia handler by mala vrátiť objekt s dvoma vlastnosťami: status a url . Vlastnosť status by mala obsahovať stavový kód HTTP presmerovania a vlastnosť url by mala obsahovať novú adresu URL, ktorá sa zobrazí používateľovi.
Tu je príklad jednoduchej trasy, ktorá používa presmerovanie:
import Reagovať z 'reagovať' ; import { Route } z 'react-router' ; import { Presmerovanie } z 'react-router-dom' ; const routes = [ { cesta : '/users/:id' , komponent : UserList , deti : [ { cesta : '/add' , komponent : AddUser }, { cesta : '/delete/:id' , komponent : DeleteUser } ] }, { cesta : '/users/:id/edit' , komponent : EditUserList } ]; exportovať predvolenú trasu. vytvoriť ( trasy );