Webpack Dev Server，允许其中包含 `dot` 的路径

Question

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

/foo/foo.bar/foo

当我加载这个 URL 时(在浏览器上点击刷新)，我得到:

Cannot GET /foo/foo.bar/foo

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

我该如何解决这个问题？ (我需要点)

Answer 1

无需设置代理，您可以通过设置 connect-history-api-fallback 简单地告诉 Webpack(或更具体地说，它使用的 disableDotRule )不要将其中带有点的路径视为静态 Assets 。至 true在您的 Webpack 配置中:

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