猿问

vue router.beforeEach根据true,false判断跳转的问题

我想根据cookie("isAdmin")为true的时候,可以跳转到后台,为false的时候不可以跳转到后台,失败

设置

清除cookie

https://img1.mukewang.com/5c8f65f60001907f04560067.jpg

未登录时和退出时无cookie

https://img2.mukewang.com/5c8f65f80001c63a08000459.jpg

普通用户登录时isAdmin为false

https://img1.mukewang.com/5c8f65fa00019fb208000315.jpg

管理员登录时isAdmin为true

https://img4.mukewang.com/5c8f65fb0001367908000292.jpg

现在可以做的效果

是根据是否有cookie("userInfo")进行判断,有就可以跳转到后台,没有就不可以跳转

https://img.mukewang.com/5c8f65fe00012d5207630800.jpg

没有登录

https://img1.mukewang.com/5c8f65ff000121ce08000414.jpg

普通用户

https://img1.mukewang.com/5c8f66010001d40c08000226.jpg

管理员

https://img4.mukewang.com/5c8f660300015b5908000164.jpg

问题

现在还是示登录不可以跳转,登录后不管理是普通用户还是管理员都可以跳转
https://img1.mukewang.com/5c8f66050001686807710800.jpg

求教

如何才能让未登录和普通用户不可以跳转到后台,只有管理员admin登录后才能跳转到后台

MM们
浏览 996回答 1
1回答

陪伴而非守候

这个if判断有问题,类型转换的时候 Boolean('false') === true应该改成 if(getCookie('isAdmin') === 'true') { .....直接判断字符串是否一样 }
随时随地看视频慕课网APP
我要回答