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

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’))))