Next.js router.push 对查询参数进行编码

Question

我正在尝试使用传递router.push查询字符串来进行重定向，但是当我尝试在参数中传递带有特殊字符的值（如逗号）时，正在对我的 URL 进行编码。是否可以使用 ',' 传递到 URL 中router.push？

我尝试了很多事情，但我不知道如何让它发挥作用。

router.push({
  pathname: router.pathname,
  query: { ...router.query, pets: 'cats,dogs'},
})

生成的 URL 将是myurl?pets=cats%2Cdogs，我希望它是myurl?pets=cats,dogs。

Answer 1

您需要对 URI 参数进行解码和编码。路由器自动为您编码查询参数：

encodeURIComponent('cats,dogs')
// "cats%2Cdogs"

阅读时需要对它们进行解码：

decodeURIComponent("cats%2Cdogs")
// "cats,dogs"