尽管使用webpack开发服务器可以正常工作，但在使用webpack产品版本时会出现"cannot GET /URL“错误

Question

我刚开始使用react-router-4和webpack-4。

我有一个节点服务器在本地运行，并配置了express。当我运行一个webpack产品构建时，我得到了一个"cannot get /URL“。虽然路由与路由链接和页面内工作得很好，但是一旦我做了深度链接或页面刷新，页面就不会被获取。

使用webpack-dev-server构建，一切工作正常。

我有以下关于dev-server的webpack配置：-

devServer: {
        historyApiFallback: true,
        contentBase: path.join(__dirname, "../")
    },

但我不确定需要进行哪些配置才能让webpack的产品构建正常工作。是webpack的问题，还是快递取页的问题。

Answer 1

查看您的server.js文件，并确保您为每个请求提供index.html。确保路由定义为"/*“而不是"/”

const express = require('express');
const path = require('path');

const PORT = process.env.PORT || 5000;
const app = express();

app.use(express.static('build'));
app.listen(PORT, () => console.log('server started at port 5000'));

app.get('/*', (req, res) => {
res.sendFile(path.resolve(__dirname, 'build', 'index.html'), (err) => {
if (err) res.status(500).send(err);
   });
});