Obstaja težava s preusmeritvami v Netlify React. Ko ustvarite preusmeritev, poskuša Netlify samodejno posodobiti komponente href in poti dokumenta HTML. Vendar lahko ta postopek včasih povzroči nepravilne ali prekinjene povezave.
Če imate težave s preusmeritvami v projektih Netlify React, priporočamo, da onemogočite samodejne posodobitve za komponente href in poti. To lahko storite tako, da v konfiguraciji projekta nastavite naslednjo lastnost:
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> ); } }
Kaj je netlify
Netlify je platforma kot storitev (PaaS), ki razvijalcem pomaga graditi in uvajati spletne aplikacije. Zagotavlja platformo za razvijalce za ustvarjanje, upravljanje in uvajanje spletnih aplikacij z enim samim ukazom. Netlify ponuja tudi orodja za spremljanje in upravljanje aplikacij.
Preusmeritve v Reactu
usmerjevalnik
Ko ustvarite pot v React Routerju, lahko določite preusmeritev, ki ji želite slediti. Ta preusmeritev se bo zgodila samodejno, ko uporabnik obišče pot.
Če želite ustvariti preusmeritev v React Router, uporabite funkcijo preusmeritve. Ta funkcija ima dva argumenta: pot, ki ji je treba slediti, in funkcijo obravnave, ki bo poklicana, ko uporabnik prispe na cilj preusmeritve. Funkcija obravnave bi morala vrniti objekt z dvema lastnostma: status in url. Lastnost stanja mora vsebovati kodo stanja HTTP preusmeritve, lastnost url pa mora vsebovati nov URL, ki bo prikazan uporabniku.
Tu je primer preproste poti, ki uporablja preusmeritev:
uvoz React iz 'react' ; uvozi { Route } iz 'react-router'; import { Redirect } from 'react-router-dom' ; const routes = [ { pot : '/users/:id' , komponenta : UserList , otroci : [ { pot : '/add' , komponenta : AddUser }, { pot : '/delete/:id' , komponenta : DeleteUser } ] }, { pot : '/users/:id/edit' , komponenta : EditUserList } ]; izvozi privzeto pot. ustvari ( poti );