从路由保护重定向和从组件内的 mount() 生命周期钩子重定向有区别吗？

大佬教程收集整理的这篇文章主要介绍了从路由保护重定向和从组件内的 mount() 生命周期钩子重定向有区别吗？，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

如何解决从路由保护重定向和从组件内的 mount() 生命周期钩子重定向有区别吗？？

想象一下，我只想让登录用户访问一个视图。我可以像这样在路线上使用路线守卫来阻止访问：

    beforeEnter: (to,from,next) => {
        if (!store.getters.authenticated) {
            next({ name: "login" })
        } else {
            next()
        }
    }

但我想知道如果我使用 if 语句来确定用户是否在我想要限制的组件的 mount() 生命周期钩子内登录是否会出错。

@H_582_5@mounted(){
    if(!store.getters.authenticated){
        router.push({name: "login"})
    }
}

第二种方法有什么缺点吗？

解决方法

beforeEnter: async (to,from,next) => {

    await store.dispatch(`login`);

    if (!store.getters.authenticated) {
        next({ name: `login` });
    } else {
        next();
    }
}

大佬总结

以上是大佬教程为你收集整理的从路由保护重定向和从组件内的 mount() 生命周期钩子重定向有区别吗？全部内容，希望文章能够帮你解决从路由保护重定向和从组件内的 mount() 生命周期钩子重定向有区别吗？所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。