Postoji problem s preusmjeravanjima u Netlify Reactu. Kada stvorite preusmjeravanje, Netlify pokušava automatski ažurirati komponente href i putanje HTML dokumenta. Međutim, ovaj postupak ponekad može rezultirati netočnim ili neispravnim poveznicama.
Ako imate problema s preusmjeravanjima u svojim Netlify React projektima, preporučujemo da onemogućite automatsko ažuriranje za komponente href i path. To možete učiniti postavljanjem sljedećeg svojstva u konfiguraciji vašeg projekta:
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> ); } }
Što je netlify
Netlify je platforma kao usluga (PaaS) koja pomaže programerima u izgradnji i postavljanju web aplikacija. Pruža platformu za programere za stvaranje, upravljanje i implementaciju web aplikacija s jednom naredbom. Netlify također nudi alate za nadzor i upravljanje aplikacijama.
Preusmjeravanja u Reactu
usmjerivač
Kada kreirate rutu u React Routeru, možete odrediti preusmjeravanje koje ćete slijediti. Ovo preusmjeravanje će se dogoditi automatski kada korisnik posjeti rutu.
Za izradu preusmjeravanja u React Routeru koristite funkciju preusmjeravanja. Ova funkcija ima dva argumenta: put koji treba slijediti i funkciju rukovatelja koja će biti pozvana kada korisnik stigne na odredište preusmjeravanja. Funkcija rukovatelja trebala bi vratiti objekt s dva svojstva: status i url. Svojstvo statusa treba sadržavati HTTP statusni kod preusmjeravanja, a svojstvo url treba sadržavati novi URL koji će biti prikazan korisniku.
Evo primjera jednostavne rute koja koristi preusmjeravanje:
import React iz 'react' ; import { Route } from 'react-router' ; import { Redirect } from 'react-router-dom' ; const routes = [ { path : '/users/:id' , component : UserList , children : [ { path : '/add' , component : AddUser }, { path : '/delete/:id' , component : DeleteUser } ] }, {put: '/users/:id/edit', komponenta: UrediPopisKorisnika}]; izvoz zadane rute. stvoriti ( rute );
