这个时候我们已经定义好了，接下来使用addEventListener()来监听它的变化
我们在控制台更改一下本地存储的值
vue在main.js中添加以下代码
// 监听本地存储删除刷新页面
window.addEventListener('storage', function (e) {
//这个e返回的是哪个值被更改，更改后的值跟更改之前的值
console.log(e)
if (localStorage.getItem("adminToken")) {
//这里是判断本地存储adminToken存在的时候写的逻辑
} else {
location.reload();
//这里是判断本地存储adminToken不存在的时候写的逻辑，这里可以让他跳转到登陆页面
}
})
vuex中存储token，刷新该页面会丢失。localstorage中存储token，刷新该页面无法验证token...
1. 现在main.js中注册全局方法，比如要监听的本地储存key值为‘changeData’ Vue.proto...
自动刷新 自动刷新是指webpack的devServer在监听到文件有变化后，会触发重新构建打包，然后自动刷新页面...
框架:vue3.0混合开发需求:根据后台接口是否返回1401来刷新token,token刷新后重新调上一个接口 封...
用了很长时间vue-resource，最近思考$http发送请求时，如何自动上传token、自动处理token非法...
API 保存数据到本地 从本地存储获取数据 本地存储中删除某个保存的数据 删除所有保存的数据 监听本地存储的变化S...
创建一个拦截器重写onRequest方法，在每次请求前header中加入token重写onError方法，如果er...
App 调用登录接口返回用户的token信息，token信息存储在本地，以后每个接口都发送token，如果服务器验...
Rxjava+Retrofit实现全局过期token自动刷新 https://www.jianshu.com/p/...
本文标题：2022-05-16 vue监听本地存储token不存在自动刷新
本文链接：https://www.haomeiwen.com/subject/lxbwurtx.html
网友评论