路由 拦截

本文介绍了路由拦截的概念,如何在Vue.js中使用beforeEach函数进行登录验证,通过示例演示了在用户未登录时自动跳转到登录页面的过程。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一、定义

路由拦截是路由在发生变化时需要进行的拦截处理,比如跳转某个页面内要判断是否有登录等

二、用法

beforeEach函数有是三个参数:

        to:router即将进入的路由对象

        from:当前导航即将离开的路由

        next:Function,进行管道中的一个钩子,如果执行完了,则导航的状态就是confirmed(确认的);否则为false,终止导航

afterEach函数不用传next()函数

router.beforeEach( function(to , from , next) {

        next()

})

例如:

router.beforeEach( function( to , from , next) {

        if(!localStorage.getItem("username")){

                if( to.path !== '/login'){

                        next('/login')

                }

        };

        next()

})

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值