尝试使用点来路由带有webpack dev服务器的404

Question

我正在使用Webpack的开发服务器来简化本地开发.我正在开发单页应用,所以我启用了historyApiFallback:

common.devServer = {
  outputPath: path.join(__dirname, 'www', outDir),
  historyApiFallback: true
};

但是,每当我尝试浏览到包含句点(例如/ui/alerts/map.postplay)的URL时,我都会得到

无法获取/ui/alerts/map.postplay

我如何说服webpack-dev-server让我使用这些网址？

Answer 1

更新:您现在可以设置historyApiFallback为:

historyApiFallback: {
  disableDotRule: true
}

(感谢BenR解决这个问题!)

麻烦不在于webpack-dev-server但是historyApiFallback配置本身(在技术上,采用的WebPack 连接历史-API回退).存在与具有句点的URL相关的已知错误.

您可以更新配置historyApiFallback以重写包含句点的所有网址:

historyApiFallback: {
  rewrites: [
    {from: /\./, to: '/'}
  ]
}

由于这个操作req.url,你应该没问题,即使你在本地开发除了localhost通过hosts文件等以外的东西.