vue项目中,token失效退出登陆时,如何再次登录的时候跳转至上次退出时的页面?

当我们token失效的时候,服务器一般会返回401,这个时候我们一般都会在响应拦截器中去设置401 错误,以及去跳转登录页 ,那么我们要怎么去做可以再次登录的时候去返回退出时的页面呢?

仔细看以下的步骤,可以好好理解一下

vue项目中,token失效退出登陆时,如何再次登录的时候跳转至上次退出时的页面?_第1张图片

vue项目中,token失效退出登陆时,如何再次登录的时候跳转至上次退出时的页面?_第2张图片

 

 主要核心代码其实也就3句,大家可以仔细研究一下,不理解的地方可以打印出来看看里面是什么

注意:在做测试的时候,一定不要在控制台中的cookie里面去模拟token过期,要在vue-tools工具里面去模拟token过期,不要去刷新页面,我们可以直接去跳转,然后401的时候返回登录页的路径上就会带上退出之前的路径!在登陆进去就是退出时的页面了

你可能感兴趣的:(js,vue,vuex,前端)