为 Angular html5mode 配置 Webpack 开发服务器

Question

我正在尝试在 Angular 1 应用程序中启用 html5mode。此模式要求网络服务器为各种路径返回相同的 HTML。在 nginx 中，这是通过为location 添加一个try ... index.html 来完成的，这意味着如果 nginx 找不到页面，它总是会失败返回到主 html。

但是，在开发过程中我没有 nginx，我使用 Webpack 开发服务器来提供页面，并带有后端代理。如何配置 Webpack 开发服务器以类似的方式运行？

Answer 1

哦，亲爱的。哦亲爱的哦亲爱的哦亲爱的。

我扫描了两次文档，只有在发布此问题后，我才发现 historyApiFallback 设置，as described here.

将此添加到设置中：

devServer: {
    historyApiFallback: true,
    proxy: { ... }
}

我将这个问题留在这里，希望它能帮助其他人在未来节省时间。