vue登录如何存储cookie_vue登录模块,登录状态应该存在哪里,怎么防止手动改cookie、localStorage?...

同意二楼是说的,前端数据都是不安全的;

记录登录状态一般都是token,例如:存在token说明已经登录,不存在就没登录->跳转登录页面

每一次请求都携带token在后台验证,如果token合法,没过期则返回请求的数据,否则返回token错误/过期等状态码。

1问:存在cookie | Window.sessionStorage | Window.localStorage 都可以 就是根据你自己的需求和对应存储方式的生命周期就好了(https://juejin.im/post/5c1f0c...

2问:main.js中加入

/**

*to: Route: 即将要进入的目标 路由对象

*from: Route: 当前导航正要离开的路由

*next(): 进行管道中的下一个钩子。如果全部钩子执行完了,则导航的状态就是 confirmed (确认的)。

**/

//路由权限验证

router.beforeEach((to, from, next) => {       let public_path = ['login','home'];//公共访问的数据路径(不需要登录验证的路径)

if(!public_path.includes(to.path)){//判断是否存在

var token = this.$cookies.get('ACCESS_TOKEN');//拿到token及登录信息

if(!token){             this.$router.push({//如果登录信息不存在跳转到登录页面

name: "/login"

});

}//         else{//            这里还可以加你的资源权限验证操作//         }

}

next();

}

3问:这个问题就是开始所说的携带token,就是他进入了你的内部页面 token 错误也拿不到数据

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值