发表于: 2020-03-14 21:51:54

1 1569



今天完成的事情:

1.推进任务



明天计划的事情:

1.推进任务



遇到的问题和收获:


使用路由导航守卫来进行是否登录的判断


index.js中

path: '/home',
component: ArticleMain,
redirect: '/home/welcome',
meta: {
   LoginPage: true
},//配置meta面前判是否需要登


main.js中

//验证是否登,未登录则到登录页
router.beforeEach((to, from, next) => {
   if (to.matched.some(res => res.meta.LoginPage)) { // 验证是否需要登
       if (sessionStorage.getItem('sid')) {// 查询本地存信息是否已,sidLoginPage
           next()
       } else {
           next({
               path: '/login',//未登录则login
               query: {redirect: 'to.fullPath'}//成功返回面,传值给loginto.fullPath为当前点
           })
       }
   }
})


登录组件中,登录成功会进行保存名字

if (res.data.code === 0) {
   this.$message.success('成功!');

   sessionStorage.setItem('sid', res.data.data.manager.name)
   this.$router.push(this.$route.query.redirect)//至前一this.$route.query.redirect取上面传来
   this.$router.push({
       path: '/home'
   })



不过还是有点问题。并没有实现想要的功能,且没完全看懂代码。继续优化下




返回列表 返回列表
评论

    分享到