登录路由守卫

最新推荐文章于 2024-04-20 09:52:14 发布

南玖i

最新推荐文章于 2024-04-20 09:52:14 发布

阅读量309

点赞数

分类专栏： js 文章标签：前端 javascript 网络

本文链接：https://blog.csdn.net/m0_49789433/article/details/125557434

版权

js 专栏收录该内容

16 篇文章 0 订阅

订阅专栏



import router from '@/router'

/**守卫方法接收三个参数：
 * @param {to} 即将要进入的目标路由对象
 * @param {from} 当前导航正要离开的路由对象
 * @param {next} 执行下一步
*/
router.beforeEach((to, from, next) => {
   console.log(to.path)
    //to.name是登录路由的名字
    if (to.path != '/') {
        //token思路就是登录成功之后保存起来，然后下面拿来用
        let token = localStorage.getItem("Token")
        //判断token是否已经保存了
        if (token) {
            //成功跳转
            next()

        } else {
            this.$message.error('请先登录');
            next('/')
           
        }
    } else {
        //不能把所有路由都拦截拦，要留个登陆路由
        next()

    }
})