我正在努力实现图像查看器并使用React Router.上传的图像文件的格式为 name. type-suffix – date-tag,其中包含句点和hypen作为分隔符. 给定此路线: Route path =“zoomer /:imageId”component = {Zoom}
给定此路线:< Route path =“zoomer /:imageId”component = {Zoom} />这个URL http:// localhost:8080 / zoomer / medMain.tif-1461839237863似乎路由器找不到匹配项.
如果我删除点和连字符(例如http:// localhost:8080 / zoomer / medMaintif1461839237863)路由工作正常,但我真的需要保留这些分隔符出于语义原因.并且URLEncode()也不会帮助我.
有什么我需要做的路线规格来解决这个问题吗?
我有同样的问题证明是webpack dev服务器,启用了history-api-fallback,无法将这些url传递给react应用程序.黑客webpack配置传递这些以作出反应:... devServer: { proxy: { '/*.*': { // Match all URL's with period/dot target: 'http://localhost:8080/', // send to webpack dev server rewrite: function(req){ req.url='index.html'; // Send to react app } } } } ...