reactjs - 点和连字符不允许 React Router URL 参数？

Question

我正在努力实现一个图像查看器并使用 React Router。上传的图像文件格式为<name>.<type-suffix>-<date-tag> ，以句点和连字符作为分隔符。

给定这条路线:<Route path="zoomer/:imageId" component={ Zoom }/>这个网址http://localhost:8080/zoomer/medMain.tif-1461839237863路由器似乎没有找到匹配项。

如果我删除点和连字符(例如 http://localhost:8080/zoomer/medMaintif1461839237863 )路由工作得很好，但出于语义原因我确实需要保留这些分隔符。 URLEncode() 在这里也帮不了我。

我需要对路线规范进行一些操作来解决此问题吗？

Answer 1

将其添加到您的 webpack devServer 配置中也可以达到目的:

historyApiFallback: {
    disableDotRule: true
}