express - servicio - servir a los demas definicion

¿Cuál es la forma correcta de servir a la producción? ¿Reaccionar bundle.js construido por webpack?

Question

Tengo una aplicación con rutas simples. Funciona bien cuando uso el servidor de desarrollo de paquetes web. Ahora, quiero implementarlo en mi servidor de producción. Así que construí bundle.js. Sin embargo, no estoy seguro de cuál es la forma correcta de servir el archivo en el servidor.

La mayoría de las publicaciones de blog se detienen en compilar bundle.js o implementarlo en heroku o nodejutsu. ¿Qué debo hacer si deseo servirlo en mi propio servidor?

Traté de servir el archivo en el servidor express, pero estoy obteniendo este error en el navegador (esta misma ruta funciona bien con webpack-dev-server).
http: // localhost: 3000 / app
No se puede GET / app

Tengo una ruta simple como esta. La página de destino en / funciona bien, pero no puedo acceder a / ruta de la aplicación

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

Aquí está mi server.js. Pongo bundle.js, index.html en ./public

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

Answer 1

Debe declarar una ruta "catch all" en su servidor express que capture todas las solicitudes de página y las dirija al cliente. Primero, asegúrese de incluir el módulo de path en su servidor:

var path = require(''path'');

Luego, pon esto antes de app.listen :

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

Esto supone que está insertando bundle.js en index.html través de una etiqueta de script.