为Angular HTML5模式配置Webpack Dev Server

11

我正试图在一个Angular 1应用中启用html5mode。这种模式需要Web服务器为各种路径返回相同的HTML。在nginx中,可以通过为location添加try ... index.html来实现,这意味着如果找不到页面,nginx总是会回退到主HTML。

然而,在开发过程中我没有使用nginx,而是使用Webpack dev服务器来提供页面,并通过代理连接到后端。我该如何配置Webpack dev服务器以类似的方式运行?

1个回答

15

天啊。天啊,天啊,天啊。

我已经仔细阅读了文档两遍,在发表这个问题之后才找到了historyApiFallback设置,就像这里描述的那样。

将此添加到设置中:

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

我将保留此问题,希望它能帮助其他人节省时间。


太棒了 :D 我查看了 https://github.com/angular-ui/ui-router/wiki/Frequently-Asked-Questions#how-to-configure-your-server-to-work-with-html5mode ,但没有针对webpack-dev-server的选项。 - 0xh8h
救命稻草!非常感谢! - Anurag Srivastava

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接