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

最新推荐文章于 2024-04-26 16:47:03 发布

小爱同学-Allen

最新推荐文章于 2024-04-26 16:47:03 发布

阅读量559

点赞数

文章标签： javascript 前端 json

本文链接：https://blog.csdn.net/qq_34595425/article/details/130135804

版权

1.让localStorage值无法修改，不推荐（火狐浏览器不兼容）
在main.js里面添加对storage的监听

window.addEventListener('storage', (e) => {
  sessionStorage.setItem(e.key, e.oldValue); //重新赋值修改前的值
});

在app.vue中

sessionStorage.setItem(
      'aaa',
     ‘aaa’
    );

![在这里插入图片描述](https://img-blog.csdnimg.cn/f31f4e8542174ff68160209283ad72d3.png

2.localStorage值被修改的时候清除他并且跳转到登录页，只有localStorage发送变化，包括新增，都会清楚，并跳转到登录，不推荐


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

3.对 localStorage进行加密和解密，推荐

sessionStorage.setItem(
      'aaa',
       window.btoa(window.encodeURIComponent(JSON.stringify('aaa'))),
    );

在这里插入图片描述
JSON.parse(decodeURIComponent(window.atob(sessionStorage.getItem(‘aaa’))))

在这里插入图片描述

关注