Webpack 开发服务器，允许路径中包含 `dot`

Question

在我的 React.js 应用程序中，我有一条这样的路线：

/foo/foo.bar/foo

当我加载这个 URL 时（在浏览器上点击刷新），我得到：

Cannot GET /foo/foo.bar/foo

我认为问题在于 Webpack Dev Server 认为此 URL 引用了静态资产并尝试加载它。

我该如何解决这个问题？（我需要点）

Answer 1

无需设置代理，您可以简单地告诉 Webpack（或更具体地说，它使用的connect-history-api-fallback）不要通过在 Webpack 配置中设置disableDotRule为来将其中包含点的路径视为静态资产true：

module.exports = {
  //...
  devServer: {
    historyApiFallback: {
      disableDotRule: true
    }
  }
};