vue登录和session和token 和html5存储

本文介绍了在Vue项目中实现登录验证的方法,包括使用路由懒加载、在路由守卫中检查Session和Token、处理登录信息、以及对Cookie和HTML5存储的讨论,特别提到了会话cookie、session机制、token机制与单点登录的关系。
摘要由CSDN通过智能技术生成

1.路由懒加载   webpack的require.ensure被import代替  import(/* webpackChunkName: "App" */'./App'),   注释里的是打包后的名字

2. //可以只在home.vue里写  主路由获取一次loginfo就行    routereach还可以用在防止用户直接输入跳转详情页来控制from

router.beforeEach((to, from, next) => {

    iView.LoadingBar.start();

    let token = system.getCookie('token');

    if(token){

        Vue.prototype.$token=token;

    }

    if (token && to.name != 'login') {

       

        getLoginInfo([token]).then(info=>{

            if (info.user.group&&info.user.group == 1) {

                next();

            }else{

                iView.Message.info('没有权限');

                system.deleteCookie('token');

                next('/login');

                iView.LoadingBar.finish();

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值