如何让浏览器tab页数据不共享

应用场景：
已知：地区A、B对应数据不一样。前端请求接口时将地区写入cookie，后端读取当前cookie进行其他查找操作。
打开2个页面page1和page2，都默认定位到A区（这时cookie里的region对应A），修改page2地区参数为B（这时cookie里的region对应B）。
但是浏览器cookie是共享的……所以再回到page1，点击其他内容会因为地区问题报错。。。
如何解决同一浏览器，多tab页，每页分区一 一对应？

---

前端小白最近在看vue，慕课上有个localStorage，发散思维查了下，发现了sessionStorage~~~

然后试了一下，我发现：
sessionStorage真的是只保存当前页面的变量，两个tab不互通（就是说同一个浏览器的不同tab页面的sessionStorage是不同的，而且关了就没有了）。
localStorage是一直保存，而且像cookie一样浏览器同步。

---

所以是不是前端在ajax之前都比较下sessionStorage里的region和localStorage里的region是否相同？
相同：不做操作
不同：重写当前页面的cookie

但是好像这种方法特别蛋疼，毕竟每次ajax都比较两个值，然后覆盖cookie……
但是把region放到url中当做参数传到后端……这样前后端都要改的东西又太多？？

---

付一个随便查的详细描述：
https://www.cnblogs.com/inconceivable/p/5960202.html