Javascript HistoryApiFallback在Webpack 4上不起作用（使用React路由器4和嵌套路由）

背景： 使用Webpack4尝试RR4（devServer:{apiHistoryFallback:true}

剪切并粘贴到地址栏时工作（也称为历史回退正在工作） 我可以单击/reports/8的链接，因为我已经在/reports处向组件添加了嵌套路由

但是剪切并粘贴到地址栏，我会得到一个空白屏幕和一个：

拒绝从执行脚本'http://localhost:8080/reports/main.js'因为它的MIME类型（'text/html'）不可执行，并且启用了严格的MIME类型检查。

尝试为devServer设置contentBase，但未解决问题

此功能在Webpack 3和RR3中运行良好。不确定是向上搜索Webpack还是响应路由器树

显然添加了：

---

添加到

index.html的head标签就足以解决这个问题。Meep
我发现如果您添加：

output: {
  publicPath: '/' 
}

到webpack.config.js，则无需添加

<base href="/" /> 



到index.html

见：