vue 阻止非登录状态无法跳转页面？

最新推荐文章于 2023-10-27 19:56:14 发布

Lcx_Boke

最新推荐文章于 2023-10-27 19:56:14 发布

阅读量643

点赞数

文章标签： vue.js

本文链接：https://blog.csdn.net/m0_46129751/article/details/109146885

版权

//控制登录 验证才能进入页面
router.beforeEach((to,from,next)=>{
  if(to.meta.login){
//判断 用户是否登录 用户名密码
    if(localStorage.getItem("user13")){
      next();
    }else{
      router.push("/login");
    }
  }else{
    next();
  }
})

1.首先创建一个路由对象 let router = new Router({}） export{router}；

2.在router 对象中创建routes 数组，依次在routes 创捷页面路由对象生成 meta：{ login：true}

3.引入上述进行页面验证