记一次不是我的项目遇到的问题

  该项目用的是现有的项目,删除无用的东西,搭建的自己的项目,所以有好多东西我还是看不懂的,但是并不影响写项目,But,随着项目的进行,问题也就随之而来。

  在写项目的时候,每次都会不自觉去点刷新,但是这一刷新不要紧,刷新出问题来了,项目每次再刷新的时候, 无论在哪个页面,刷新完都会跳回登录页,这显然很不合理,于是开始 了我解决bug之路:

  开始console大法,发现有个接口在请求是没有请求成功,一直在清token,所以就围着这个接口展开调查,结果发现,不是这个接口的问题,

  然后又怀疑是路由的问题,我以为是路由校验的问题,查看了路由导航守卫,结果也没有问题,后来,发现,在请求的时候,this.$store.state中的参数会被清空,咦,方向有了,于是百度中的大佬提供了方法,在刷新之前把state存储在sessionStorage里,但是,这有个问题,我都存储在sessionStorage里了,还要vuex干嘛,所以果断舍弃,然后继续查阅资料,发现持久化vuex 这几个字进入了我的视线,所以尝试了一下这个方法,于是乎,成功了!

接下来,上代码:

首先要先安装持久化插件  npm install vuex-persistedstate --save

然后打开store -->index.js文件,插入两行代码即可

 

Logo

前往低代码交流专区

更多推荐