vue监听本地存储token不存在自动刷新页面

我们在代码编写的时候，为了更好的体验，有时候需要清除本地存储的token来自动刷新页面跳到登陆页面

这时候就需要一个监听器来监听本地存储的变化来执行操作

下面我们会用到一个JavaScript的addEventListener()事件监听方法

首先先定义本地存储

localStorage.setItem("adminToken","token"）

这个时候我们已经定义好了，接下来使用addEventListener()来监听它的变化
我们在控制台更改一下本地存储的值
vue在main.js中添加以下代码

// 监听本地存储删除刷新页面
window.addEventListener('storage', function (e) {
  //这个e返回的是哪个值被更改，更改后的值跟更改之前的值
  console.log(e)
  if (localStorage.getItem("adminToken")) {
	//这里是判断本地存储adminToken存在的时候写的逻辑
  } else {
    location.reload();
    //这里是判断本地存储adminToken不存在的时候写的逻辑，这里可以让他跳转到登陆页面
  }
})

我们来看一下这个e打印的是什么

我们可以让他更改之后做出一些相应的操作，可以判断它存在不存在，来跳转登陆页面