如何使用 hash 向 url 添加查询参数？

Question

我有一个 URL 字符串： http:/some.other.com/#/app/ 。

我想让它成为一个带有特定查询参数的字符串： http:/some.other.com/#/app/?my-param=whatever

我试着这样做：

function addQueryParam(url, key, value) {
  const newUrl = new URL(url)
  newUrl.searchParams.set(key, value)
  return newUrl.toString()
}

addQueryParam('http:/some.other.com/#/app/', 'my-param', 'whatever')

我预计会有以下 URL：

http:/some.other.com/#/app/?my-param=whatever

但结果是：

http://some.other.com/?my-param=whatever#/app/

也许我错过了一些东西，但我猜很多应用程序，例如 angular，vue 和我猜反应在 url 字符串中间使用 hash。 那么在这种情况下如何正确添加查询参数呢？

Answer 1

评论部分正确，此信息不会发送到服务器。 但是，如果您只是在做客户端逻辑，那么没有什么能阻止您。 下面是一个如何实现您正在寻找的示例。

 function addHashQueryParam(url, key, value) { const existing = (url.lastIndexOf('?') > url.lastIndexOf('#'))? url.substr(url.lastIndexOf('?') + 1): ''; const query = new URLSearchParams(existing); query.set(key, value) return `${url.replace(`?${existing}`, '')}?${query.toString()}`; } let url = 'http:/some.other.com/#/app/'; url = addHashQueryParam(url, 'my-param', 'whatever'); console.log(url) url = addHashQueryParam(url, 'my-second-param', 'whomever'); console.log(url)