为Angular html5mode配置Webpack Dev Server

Question

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

但是,虽然开发我没有nginx,但我使用Webpack dev服务器来提供页面,并使用后端代理.如何配置Webpack dev服务器以类似的方式运行？

Answer 1

噢亲爱的.亲爱的亲爱的亲爱的哦亲爱的.

我扫描了两次文档,只有在发布此问题后才能找到historyApiFallback设置,如此处所述.

将其添加到设置中:

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

我在这里保留这个问题,希望它能帮助其他人节省未来的时间.