Сконфигурируйте webpack-dev-server и webpack с реакцией и express сервером

Question

У меня проблема с маршрутизацией в webpack-dev-server, сборка webpack работает нормально, мой код: webpack.common. js:

module.exports = {
  entry: {
   main: "./src/index.js"
  } .....
}

webpack.dev. js

module.exports = merge(common, {
 mode: "development",
 output: {
    filename: "[name].bundle.js",
    path: path.resolve(__dirname, "dist")
 },
 plugins: [
    new HtmlWebpackPlugin({
        template: "./public/index.html"
    })
 ],
 devServer: {
    contentBase: false,
    host: '0.0.0.0',
    port: '3000',
    disableHostCheck: true,
    historyApiFallback: true,
    open: true,
    hot: true,
    after: app => app.use(require('./server/routes.dev'))
 }
}

webpack.prod. js:

module.exports = merge(common, {
 mode: "production",
 output: {
    filename: "[name].[contentHash].bundle.js",
    path: path.resolve(__dirname, "dist")
 },
 optimization: {
    minimizer: [
        new OptimizeCssAssetsPlugin(),
        new TerserPlugin(),
        new HtmlWebpackPlugin({
            template: "./public/index.html",
            minify: {
                removeAttributeQuotes: true,
                collapseWhitespace: true,
                removeComments: true
            }
        })
    ]
 },

src / index. js

enter code here
const Index = () => {
  return (
   <BrowserRouter>
    <App />
   </BrowserRouter>
 );
};
ReactDOM.render(<Index />, document.getElementById('app'));

маршрут в src / index. js работает нормально но у меня есть маршрут на сервере / маршруты

module.exports = Router()
 .get('/video', function (req, res) {
  res.send(JSON.stringify(data));
 })
.get('*', function (req, res) {
 res.sendFile(path.join(__dirname, '../dist', 'index.html'));
});

как запустить webpack-dev-server Я не могу найти страницу / video, и пишу, что нет такого файла dist / index. html i есть прокси-сервер в ngnix.