在浏览器打开之前保存一个变量

Question

这个问题可能看起来令人困惑，所以让我解释一下，我正在构建一个基本上是关于旅行的反应应用程序，并按用户选择的城市显示每个城市的旅游景点，但问题是所有页面被标题中选择的城市名称过滤，所以我想要做的是保存每个城市独有的 slug 属性并将其传递给我的 api 调用，但我希望它只显示浏览器没有关闭，例如，如果用户在主页中选择了城市并转到另一个页面，我应该仍然有那个 slug，而且我不想更改我的路线，所以更改我的路线的选项例如交叉如下：

www.example.com/NY
or 
www.example.com/NY/tour/central park

我想像以前一样保持我的路线，但仍然有 slug NY，所以我的路线如下所示

www.example.com
or 
www.example.com/tour/central park

那我该怎么做呢？

Answer 1

你可以使用localStorage来保存实现这个。

// 存储价值

localStorage.setItem("slug", "NY");

// 检索值

localStorage.getItem("slug");