Υπάρχει πρόβλημα με τις ανακατευθύνσεις στο Netlify React. Όταν δημιουργείτε μια ανακατεύθυνση, το Netlify προσπαθεί να ενημερώσει αυτόματα τα στοιχεία href και διαδρομή του εγγράφου HTML. Ωστόσο, αυτή η διαδικασία μπορεί μερικές φορές να οδηγήσει σε λανθασμένους ή κατεστραμμένους συνδέσμους.
Εάν αντιμετωπίζετε προβλήματα με τις ανακατευθύνσεις στα έργα σας στο Netlify React, συνιστούμε να απενεργοποιήσετε τις αυτόματες ενημερώσεις για τα στοιχεία href και διαδρομής. Μπορείτε να το κάνετε αυτό ορίζοντας την ακόλουθη ιδιότητα στη διαμόρφωση του έργου σας:
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> ); } }
Τι είναι το netlify
Το Netlify είναι μια πλατφόρμα ως υπηρεσία (PaaS) που βοηθά τους προγραμματιστές να δημιουργήσουν και να αναπτύξουν εφαρμογές Ιστού. Παρέχει μια πλατφόρμα στους προγραμματιστές να δημιουργούν, να διαχειρίζονται και να αναπτύσσουν εφαρμογές Ιστού με μία μόνο εντολή. Το Netlify παρέχει επίσης εργαλεία για την παρακολούθηση και τη διαχείριση εφαρμογών.
Ανακατευθύνσεις στο React
router
Όταν δημιουργείτε μια διαδρομή στο React Router, μπορείτε να καθορίσετε μια ανακατεύθυνση που θα ακολουθήσετε. Αυτή η ανακατεύθυνση θα γίνει αυτόματα όταν ο χρήστης επισκεφτεί τη διαδρομή.
Για να δημιουργήσετε μια ανακατεύθυνση στο React Router, χρησιμοποιήστε τη συνάρτηση ανακατεύθυνσης. Αυτή η συνάρτηση παίρνει δύο ορίσματα: τη διαδρομή που θα ακολουθήσει και μια συνάρτηση χειριστή που θα κληθεί όταν ο χρήστης φτάσει στον προορισμό ανακατεύθυνσης. Η συνάρτηση χειριστή θα πρέπει να επιστρέφει ένα αντικείμενο με δύο ιδιότητες: status και url . Η ιδιότητα κατάστασης θα πρέπει να περιέχει τον κωδικό κατάστασης HTTP της ανακατεύθυνσης και η ιδιότητα url θα πρέπει να περιέχει τη νέα διεύθυνση URL που θα εμφανίζεται στον χρήστη.
Ακολουθεί ένα παράδειγμα απλής διαδρομής που χρησιμοποιεί ανακατεύθυνση:
εισαγωγή Αντιδράστε από το 'react' ; εισαγωγή { Route } από το 'react-router' ; εισαγωγή { Ανακατεύθυνση } από το 'react-router-dom' ; const routes = [ { path : '/users/:id' , component : UserList , child : [ { path : '/add' , component : AddUser }, { path : '/delete/:id' , component : DeleteUser } ] }, { path : '/users/:id/edit' , component : EditUserList } ]; εξαγωγή προεπιλεγμένη διαδρομή . δημιουργία ( διαδρομές );
