隐藏URL中的查询参数 - Angular 5

Question

导航到其他路线时，我正在设置动态查询参数。

this.router.navigate(["/listing/list"], {
        queryParams: queryParams,
        skipLocationChange: true
      });
history.pushState(queryParams, "", "/listing/list");

由于我不希望用户知道查询参数，我使用skipLocationChange并使用history.pushstate手动更改历史记录。现在，我可以在后退单击时收到参数，并使用popstate事件中的浏览器后退/前进按钮返回到同一页面。但参数状态被重新加载。有没有办法在重新加载浏览器时保持查询参数？

Answer 1

您可以使用LocalStorage或SessionStorage在浏览器中保留数据

• sessionStorage 如果浏览器关闭，数据将会消失。
浏览器关闭和重新打开后，
• LocalStorage 数据将永不过期。

使用开发工具

注意，您可以浏览存储的数据，也许您可​​以使用base64或使用强加密算法来混淆信息。