应用场景:
已知:地区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