search

Home  >  Q&A  >  body text

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

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

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

大家讲道理大家讲道理2902 days ago601

reply all(4)I'll reply

  • 大家讲道理

    大家讲道理2017-04-10 17:01:27

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

    reply
    0
  • 巴扎黑

    巴扎黑2017-04-10 17:01:27

    H5的本地储存或者cookie

    reply
    0
  • PHP中文网

    PHP中文网2017-04-10 17:01:27

    toplan/vue-spa-example

    可以看看这个案例。

    我也找了很久,发现这个案例做的不错。

    reply
    0
  • 迷茫

    迷茫2017-04-10 17:01:27

    vue-sui-demo

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

    reply
    0
  • Cancelreply