防止localStorage和sessionStorage在开发工具中被篡改

1.让localStorage值无法修改


window.addEventListener('storage', function () {
    localStorage.setItem(e.key, e.oldValue)
  });

 localStorage里面被篡改的部分 和原来数据  会来回进行切换

防止localStorage和sessionStorage在开发工具中被篡改

 2.localStorage值被修改的时候清除他并且跳转到登录页

window.addEventListener('storage', function(e) {
    localStorage.clear()
	window.location.href = baseRout + '/login.html'
})

 3.对 localStorage进行加密和解密

localStorage.setItem('user',window.btoa(window.encodeURIComponent(JSON.stringify(res.data))))

防止localStorage和sessionStorage在开发工具中被篡改


JSON.parse(decodeURIComponent(window.atob(localStorage.getItem('user'))))

 防止localStorage和sessionStorage在开发工具中被篡改

 

 

 

上一篇:vuex实现数据持久化


下一篇:JS---本地存储的sessionStoreage和localStorag的区别和使用