NextJS Router.push 解码

Question

我正在尝试使用 router.push 进行重定向以传递 queryString 但是当我尝试使用特殊字符在参数中传递一个值时，因为逗号正在编码我的 url，是否可以使用路由器.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"