首页 > 解决方案 > 有没有办法在 React 中处理 URIError?

问题描述

几天前,我正在为我的工作解决一个问题,当有人尝试使用具有%无法解码的百分号 ( ) 的错误 URL 进行导航时,React 上的页面无法“捕获”错误。

React 项目react-router-dom通过在访问不同的 URL 时显示不同的视图来处理导航(当它没有匹配的路由时它甚至有一个 404 路由),并且结构看起来非常类似于 React Router 的 404 示例,这里是您可以尝试的链接自己/%从沙盒的浏览器添加到 URL 并以更好的方式理解问题。

在我的本地开发场景中,该页面仅在下图中显示堆栈跟踪(还要检查控制台输出)。

我知道,如果有人提供了无法解码的错误 URL,则会抛出此错误,因此页面将无法运行。我一直在寻找一段时间,并没有发现任何与如何在 React 上捕获它相关的东西(我不确定这是否真的可能)。

欢迎任何建议!

标签: reactjsreact-routerreact-router-domdecodeuricomponent

解决方案


推荐阅读