Qual è il modo corretto di servire la produzione reacle.js compilato da webpack?

Question

Ho un'app con percorsi semplici. Funziona bene quando utilizzo il server di sviluppo webpack. Ora, voglio distribuirlo sul mio server di produzione. Così ho costruito bundle.js. Tuttavia, non sono sicuro di quale sia il modo corretto di servire il file sul server.

La maggior parte dei post del blog fermano a bundle.js costruzione o distribuirlo agli Heroku o nodejutsu. Cosa devo fare se voglio servirlo sul mio server?

ho cercato di servire il file sul Server Express, ma sto ottenendo questo errore nel browser (questo stesso percorso funziona bene con webpack-dev-server).
http://localhost:3000/app
non possono ottenere/app

ho percorso semplice come questo. pagina di destinazione a/funziona bene, ma non posso accedere a/percorso app

var Routes =() => (
    <Router history={browserHistory}> 
     <Route path="/" component={Landing}> 
     </Route> 
     <Route path="/app" component={App}> 
     </Route> 
    </Router> 
) 

ecco la mia server.js. Ho messo bundle.js, index.html nel ./public

app.use(express.static('./public')); 
app.listen(port, function() { 
    console.log('Server running on port ' + port); 
}); 

Answer 1

È necessario dichiarare un percorso di "catch all" sul Server Express che cattura tutte le richieste di pagina e li indirizza al client. In primo luogo, assicurarsi che si sta compreso il modulo path sul server:

var path = require('path'); 

Poi, mettere questo prima app.listen:

app.get('*', function(req, res) { 
    res.sendFile(path.resolve(__dirname, 'public/index.html')); 
}); 

Questo presuppone che si sta inserendo in bundle.jsindex.html tramite un tag script.