React react-router-dom 问题如何在 url 路由中将"/"视为字符串

Question

我正在尝试将URL作为路由中的唯一标识符。这需要"/"以某种方式被当作字符串。我想知道是否有人知道这是怎么做到的？

下面是一个代码示例。

<Routes>
<Route path=":url" element={<UrlPage />}} />
</Routes>

假设我们访问www.website.com/https://stackoverflow.com/questions/ask

我想要"；https://stackoverflow.com/questions/ask"作为URL。我如何获得整个"；https://stackoverflow.com/questions/ask"由react路由器作为字符串处理。

更新：下面将把所有内容都视为字符串，但如果URL有？向右的一切都将被忽略。

<Routes>
<Route path="*" element={<UrlPage />}} />
</Routes>

Answer 1

通常情况下，这不是一个好主意-不仅必须在服务器端设置它才能在某个地方部署它，而且包含/的URL不应该用作子目录。

如果你真的需要，我会先对地址进行URL编码，如下所示：

www.website.com/https%3A%2F%2Fstackoverflow.com%2Fquestions%2Fask