vuejs怎么管理应用的登录状态

oraaange
  • 44

vuejs初学者
路由插件为vue-router
想要达到如下效果:
webapp,登录前只能访问login界面。
登录后会设置为已登录,同时会有一些登录用户信息储存在应用中,其他组件可以访问这些信息。
注销后回到登录前的状态。

思路一直有点卡,尝试过一些方法,但是不尽人意感觉很奇怪,希望有大神指点迷津。

回复
阅读 11.9k
4 个回答
✓ 已被采纳

只提供思路给你。
没用过vue-router,我用的是director,不过基本功能差别应该不大(我猜)
1、你登录完了以后把状态(token)存在本地储存或者cookies里面;
2、登录成功的时候通知组件更新信息(比如说显示头像什么的);
3、在从login界面进入到其他界面的时候,也就是在切换路由后,加载信息前,进行一次登录验证,若通过则加载,若不通过则返回login界面。

H5的本地储存或者cookie

vue-sui-demo

可以看看我这个Demo,使用了vue,vue-router, sui

你知道吗?

宣传栏