Die Routen des Webapck-Servers Kann nicht abgerufen werden/page

Question

Ich habe den Webpack-dev-Server verwendet, um den lokalen Webserver auszuführen.

Wenn ich Browser verwendete geben Sie die URL /localhost:8080/sign_in und ich habe den Fehler.

Kann nicht erhalten/sign_in

ich ein Objekt historyApiFallback: true in meinem webpack.config.js hinzufügen und es wurde gelöst.

devServer: { 
    inline: true, 
    port: 8080, 
    historyApiFallback: true, 
    headers:{ 
     'Access-Control-Allow-Origin': '*', 
     "Access-Control-Allow-Methods": "POST, GET, OPTIONS" 
    } 
    } 

Aber wenn ich webpack -p zusammengestellt und führen Sie das node server.js der gleiche Fehler wieder passiert ist.

gefolgt server.js Code

const express = require('express'); 
const path = require('path'); 
const port = process.env.PORT || 8080; 
const app = express(); 
const history = require('connect-history-api-fallback'); 

const indexPath = path.join(__dirname, './public/index.html') 
const publicPath = express.static(path.join(__dirname, '/public')) 

app.use(publicPath) 
app.use(history()) 

app.get('/', (req, res) => { 
    res.sendFile(path.resolve(indexPath)); 
}); 



app.listen(port); 

Wie kann ich diese reparieren?

Answer 1

Sie haben Ihre Route für die Anmeldung nicht definiert.

Da serverseitiges Rendering nicht aktiv ist, können Sie nicht direkt zur Anmeldung wechseln. Sie müssen zum Index gehen und auf den Link klicken, damit der react-Router zu diesem Pfad gehen kann.