Was soll ich tun, wenn die Seite bei der React-Aktualisierung nicht gefunden werden kann?

Lösung für die Seite, die beim Aktualisieren von React nicht gefunden werden kann: 1. Suchen und öffnen Sie die Datei „app.jsx“ 2. Übergeben Sie beim Definieren des Routing-Protokolls in „app.jsx“ „class App erweitert Component {render( ) {return (

..." Codedefinition ist ausreichend.

Die Betriebsumgebung dieses Tutorials: Windows 10-System, React-Version 18.0.0, Dell G3-Computer

Was soll ich tun, wenn die Seite beim Aktualisieren des React nicht gefunden werden kann? Wird bereitgestellt, wird die Ansicht beim Aktualisieren der Seite nicht gefunden.

Nachdem Sie das Projekt heute Morgen bereitgestellt haben, können Sie auf die Route klicken, um zu springen. Wenn jedoch die entsprechende Route aktualisiert wird, wird ein Fehler gemeldet Wenn es auf dem Server bereitgestellt wird, kann es normal verwendet werden. Fehler: Kann die entsprechende Ansicht nicht finden, da ich die erstellte Datei in der öffentlichen Datei abgelegt habe? Nachdem npm das React-Projekt ausgeführt hat, kann Node die Dateien öffentlich lesen. Die Dateien sind alle konfiguriert.

Failed to lookup view "error" in views directory

Da es sich um Routing handelt, habe ich nach Routing-bezogenen Informationen gesucht und die Antwort gefunden. Es lag daran, dass ich

BrowserRouter

Es gibt einen Unterschied zwischen clientseitigem Routing und serverseitigem Routing. Sie können von der Homepage zu anderen Routing-Adressen springen, da diese vom Frontend gerendert werden Es ist JS, das den Speicherort dynamisch ändert. Beim Aktualisieren greifen Sie zuerst auf die Hintergrundadresse zu, laden dann den React-Code in die zurückgegebene Seite und führen ihn schließlich im Browser aus Wenn zu diesem Zeitpunkt 404 gemeldet wird, ist es nicht erforderlich, React Router auszuführen.

Verwenden Sie HashRouter anstelle von BrowserRouter, damit alle Anfragen weitergeleitet werden auf die Seite index.html und es ist keine Konfiguration auf der Serverseite erforderlich.

Lösung:

Beim Definieren des Routing-Protokolls in app.jsx können Sie es wie folgt definieren:

app.set('views', path.join(__dirname, 'views'));
app.engine('.html',require('ejs').__express);
// app.set('view engine', 'jade');
app.set('view engine', 'html');
app.use(logger('dev'));
app.use(express.json());
app.use(express.urlencoded({ extended: false }));
app.use(cookieParser());
app.use(express.static(path.join(__dirname, 'public'))); //这句话就是express会读取public里面的静态文件

Empfohlenes Lernen: „

"

Das obige ist der detaillierte Inhalt vonWas soll ich tun, wenn die Seite bei der React-Aktualisierung nicht gefunden werden kann?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!