VUE 浏览器关闭时清空localStorage

1. 概述

1.1 说明

vue项目中，为了解决页面刷新时vuex数据丢失问题，使用localStorage进行存储对应的vuex数据(判断对应localStorage是否为空，不为空则为vuex中数据进行赋值)，而localStorage的存储时间为长久存储，故为了数据安全则需在浏览器关闭时进行清空存储。

1.2 条件与思路

1.vue项目对应的单个网页刷新数据不丢失 --- 使用sessionStorage进行存储并解决页面刷新vuex数据丢失问题

2.可多个标签页打开数据共享 --- 使用localStorage进行存储共享

3.关闭浏览器后再次进入浏览器数据重置(如重新登录) --- 关闭浏览器时清空localStorage

2. 实例

2.1 为localStorage与sessionStorage赋值

　　1.登录成功后进行赋值操作(调用vuex)

this.$store.commit(types.LOGIN, tokenInfo);

　　2.路由守卫时进行数据判断与赋值操作

router.beforeEach((to, from, next) => {let token=

VUE 浏览器关闭时清空localStorage相关推荐

浏览器关闭时清空localStorage储存的数据
浏览器关闭时清空localStorage储存的数据说明需求解决方案及思路说明由于不同页面或标签页间无法共享sessionStorage的信息,所以将项目中登录状态存于localStorage ...
浏览器如何发送ajax请求,浏览器关闭时，发送ajax请求
浏览器关闭时,发送ajax请求发布于:2018.11.12 - 13:10 当用户在浏览器关闭时,向服务器后台发送ajax请求.代码如下. 测试结果:Safari浏览器不支持,其余浏览器支持. if ...
php中退出的时候弹框显示,php – 浏览器关闭时显示弹出窗口
我正在开发一个电子商务(PHP)网站,这是我的要求. 客户离开订单页面或关闭浏览器后, 我想提供另一种带弹出或警告框的产品. 如果他们选择"是",则会重定向到其他产品页面而不是关 ...
python关闭浏览器、未过期的session_session.cookie_lifetime = 0时，为什么会话在浏览器关闭时不会过期？...
我打算将此作为对亚历山大的优秀答案的评论,但它会变得有点冗长. cookie在浏览器中保留多长时间以及服务器在没有请求的情况下保留会话数据的时间是2个单独且独立的事情.由于HTTP的无状态特性,无法避 ...
关闭浏览器窗口的时候，如何清空localStorage的数据
关闭浏览器窗口的时候,如何清空localStorage的数据一.对于单页面应用,例如vue等二.对于多页面应用 1.第一种方案(对于vue) 2.第二种方案(对于原生js) 一.对于单页面应用,例 ...
vue中关闭浏览器清除localStorage
1.在app.vue中关闭浏览器清除信息,并且刷新时保持状态不受影响 mounted() {window.onload = function () {console.log(window.sessi ...
通过注册表修改IE选项 -- 高级选项里边的“关闭浏览器时清空“Internet临时文件”文件夹”的方法
let shell = new ActiveXObject("WScript.Shell"); // 关闭浏览器时清空"Internet临时文件"文件夹 she ...
chrome浏览器多页签唯一关闭时自动注销
chrome浏览器多页签唯一关闭时自动注销整体思路多页签唯一思考探索window对象name的属性 window.name的特征页签唯一实现页签间共享信息思考页签数量的管理实现监听chr ...
js监测页面关闭发送Ajax请求（浏览器关闭注销用户，清空session）
说明: 需求为页面关闭发送一个ajax请求,使关闭浏览器及时清空session(浏览器关闭session并不会清空) 网站同时只能一个用户登录,同一账号后登录的用户不能把前一个登录的用户踢下线,有一个 ...