admin管理员组

文章数量:1633831

网页一进入判断是否登录，未登录跳转到登录页面

router.js

export default new Router({
  routes: [
    {
      path: '/',
      name: 'HelloWorld',
      component: HelloWorld,
      meta: {
        title: '首页',
        requireAuth: true  // 是否需要判断是否登录,这里是需要判断
      }
    },
    {
      path: '/login',
      name: 'login',
      component: login,
      meta: {
        title: 'login',
        requireAuth: '' // 不需要鉴权
      }
    }
  ]
})

main.js

router.beforeEach((to, from, next) => {
  if (to.meta.title) {
    document.title = to.meta.title
  }
  const requireAuth = to.meta.requireAuth
  // 判断该路由是否需要登录权限
  if (requireAuth) {
    if (window.sessionStorage.getItem('login')) {
      next()
    } else {
      next('/login')
    }
  } else {
    next()  // 确保一定要有next()被调用
  }
})

main.js 使用 饿了么Message

import { Message } from 'element-ui';

Vue.prototype.$message = Message;



Message({
        message: "用户未登录",
        type: 'waring'
    }),

setTimeout(() => {
        next('/Login')
      }, 2000);

 

本文标签： 跳转到判断是否vue

版权声明：本文标题：Vue 判断是否登录，未登录跳转到登录页 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://www.elefans.com/dianzi/1729177767a1188934.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。