2022-05-16 vue监听本地存储token不存在自动刷新
2023-08-16 本文已影响0人
半眼鱼
这个时候我们已经定义好了,接下来使用addEventListener()来监听它的变化
我们在控制台更改一下本地存储的值
vue在main.js中添加以下代码
// 监听本地存储删除刷新页面
window.addEventListener('storage', function (e) {
//这个e返回的是哪个值被更改,更改后的值跟更改之前的值
console.log(e)
if (localStorage.getItem("adminToken")) {
//这里是判断本地存储adminToken存在的时候写的逻辑
} else {
location.reload();
//这里是判断本地存储adminToken不存在的时候写的逻辑,这里可以让他跳转到登陆页面
}
})