是否可以在刷新页面之前将查询参数添加到url？

Question

我有一个带有一些查询参数的网址，我想隐藏用户的查询参数（以美化网址），所以我这样做：

function removeQueryParameters () {
    var newUrl = location.href.split("?")[0];
    queryParameters = location.href.split("?")[1];
    history.replaceState({}, document.title, newUrl);
}

这将从URL中删除参数。

为了能够在用户刷新页面时加载正确的内容，我尝试过这样做：

function reattachQueryParameters () {
    var newUrl = queryParameters ? location.href + "?" + queryParameters : location.href;
    history.replaceState({}, document.title, newUrl);
}

window.onbeforeunload = function(e) {
    reattatchQueryParameters();
}

但这不起作用。调用onbeforeunload并且location.href正在更新，但它不会刷新到更新的URL。

是否有可能让它发挥作用？