推送新路径时如何忽略搜索查询？

Question

问题我想推送一个新路径作为设置搜索查询的 URI 的补充。例子：当前位置：https://example.com/foo?bar=123&foobar=123当我打电话时history.push('newPath')，我会以https://example.com/newPath. 然而，我想要得到的是https://example.com/foo/newPath.一种解决方案是调用history.push('foo/newPath')，或者如果我保存当前路径并newPath在顶部添加想要的路径 ()，但我希望这history.push可能有办法处理这个问题？

Answer 1

我想推送一个新路径作为设置搜索查询的 URI 的补充。

要更改/附加路径，您可以使用不会影响查询参数的URL 。

// maybe from window.location.href?

const href = 'https://example.com/foo?bar=123&foobar=12'

let url = new URL(href)

url.pathname = url.pathname + '/newPath'

console.log(url) // https://example.com/foo/newPath?bar=123&foobar=12