reactjs - 如何使用下一条路线处理 % 和 # 字符

Question

我正在使用 next-routes我的应用程序 URL 需要接收参数作为包含 % 和 # 字符的名称。例如，“C#”、“100%”等。

因此它的 URL 将如下所示。

1. https://myapp.com/name/C#
2. https://myapp.com/name/100%
3. https://myapp.com/name/harry_potter

对于“C#”，我发现 getInitialProps 函数的查询值将仅为“C”(# 字符被截断)对于“100%”，我发现 next-routes 返回如下错误。由于 % 字符，decodeURIComponent 函数出现 URI 格式错误。

https://user-images.githubusercontent.com/18202926/48536863-659f6d00-e8e2-11e8-8c64-a0180b51e921.png

如果我需要处理这两个字符，您能否建议我如何使用 next-routes 来处理它们？

注意。我在下一条路线上打开了这个问题 here

Answer 1

您必须对 URI 组件进行编码，以便不使用特殊字符。

如果你必须得到 C# 它将被编码为 "C%23"100% 将是 "100%25" 等等。

使用encodeURIComponent()函数生成适当的 URI。

希望对您有所帮助。如果需要请引用:escaping special character in a url