Netlify Reactin uudelleenohjauksissa on ongelma. Kun luot uudelleenohjauksen, Netlify yrittää automaattisesti päivittää HTML-dokumentin href- ja polkukomponentit. Tämä prosessi voi kuitenkin joskus johtaa vääriin tai rikkinäisiin linkkeihin.
Jos sinulla on ongelmia uudelleenohjauksissa Netlify React -projekteissasi, suosittelemme poistamaan automaattiset päivitykset käytöstä href- ja polkukomponenteille. Voit tehdä tämän asettamalla seuraavan ominaisuuden projektisi määrityksiin:
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> ); } }
Mikä on netlify
Netlify on alusta palveluna (PaaS), joka auttaa kehittäjiä rakentamaan ja ottamaan käyttöön verkkosovelluksia. Se tarjoaa kehittäjille alustan luoda, hallita ja ottaa käyttöön verkkosovelluksia yhdellä komennolla. Netlify tarjoaa myös työkaluja sovellusten valvontaan ja hallintaan.
Uudelleenohjaukset Reactissa
reititin
Kun luot reitin React Routerissa, voit määrittää seurattavan uudelleenohjauksen. Tämä uudelleenohjaus tapahtuu automaattisesti, kun käyttäjä vierailee reitillä.
Voit luoda uudelleenohjauksen React Routerissa käyttämällä uudelleenohjaustoimintoa. Tämä funktio käyttää kahta argumenttia: seurattavan polun ja käsittelijän funktion, jota kutsutaan, kun käyttäjä saapuu uudelleenohjauskohteeseen. Käsittelijäfunktion pitäisi palauttaa objekti, jolla on kaksi ominaisuutta: status ja url . Tila-ominaisuuden tulee sisältää uudelleenohjauksen HTTP-tilakoodi ja url-ominaisuuden tulee sisältää uusi URL-osoite, joka näytetään käyttäjälle.
Tässä on esimerkki yksinkertaisesta reitistä, joka käyttää uudelleenohjausta:
tuonti React from 'react' ; tuo { Route } from 'react-router' ; tuo { Uudelleenohjaus } osoitteesta 'react-router-dom' ; const routes = [ { polku : '/users/:id' , komponentti : UserList , lapset : [ { polku : '/add' , komponentti : AddUser }, { polku : '/delete/:id' , komponentti : DeleteUser } ] }, { polku : '/users/:id/edit' , komponentti : EditUserList } ]; vie oletusreitti. luoda ( reitit );
