当前位置 : 主页 > 网页制作 > React >

reactjs – Dot和连字符是否禁止使用React Router URL参数?

来源:互联网 收集:自由互联 发布时间:2021-06-15
我正在努力实现图像查看器并使用React Router.上传的图像文件的格式为 name. type-suffix – date-tag,其中包含句点和hypen作为分隔符. 给定此路线: Route path =“zoomer /:imageId”component = {Zoom}
我正在努力实现图像查看器并使用React Router.上传的图像文件的格式为< name>.< type-suffix> – < date-tag>,其中包含句点和hypen作为分隔符.

给定此路线:< 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
      }
    }
  }
}
...
网友评论