javascript - React Router 不编码 & 符号，而是对路径参数中的空格进行编码

Question

我在 react 路由器编码空格时遇到问题，但与符号无关。因此 localhost:8080/you & me 被编码为 localhost:8080/you%20&%20me 而不是 localhost:8080/you%20%26% 20me 我正在使用一个奇怪的黑客来解码然后重新编码所有内容。我想知道是否有人可以推荐更好的解决方案。

Answer 1

请勿在 URL 中使用非字母数字字符。 &、/、? 和 = 等一些字符在 URL 中具有特殊含义。即使当您创建 URL 中带有 & 的路由组件时，react-router 不会抛出错误，正如您所注意到的，您最终会出现不稳定的行为。最佳实践是避免奇怪的边缘情况。您可以阅读有关 url here 中允许的字符的更多信息。 .

作为解决方法，您可以使用 localhost:8080/you-and-me 获得几乎相同的 URL。这是一个安全的网址，没有空格和特殊字符。它也是人类可读的，任何带有空格的内容都不容易读取，因为它会被编码。