如何允许webpack-dev-server允许来自react-router的入口点

Question

我正在创建一个应用程序，它在开发中使用webpack-dev-server和react-router。

似乎webpack-dev-server是基于这样一个假设构建的，即在一个地方（即“/”）有一个公共入口点，而react-router允许无限数量的入口点。

Answer 1

您应该将WebPackDevServer的HistoryaPifallback设置为true才能工作。这里有一个小例子（调整以适应您的目的）：

var webpack = require('webpack');
var WebpackDevServer = require('webpack-dev-server');

var config = require('./webpack.config');


var port = 4000;
var ip = '0.0.0.0';
new WebpackDevServer(webpack(config), {
    publicPath: config.output.publicPath,
    historyApiFallback: true,
}).listen(port, ip, function (err) {
    if(err) {
        return console.log(err);
    }

    console.log('Listening at ' + ip + ':' + port);
});