zoukankan      html  css  js  c++  java
  • vue-router封装

    用户是否需要登录

    import Vue from 'vue'
    import Router from 'vue-router'

    Vue.use(Router)
    const routes = [{
      path: '/',
      redirect: '/home'
      },
      {
        path: '/home',
        name: 'home',
        component: () =>import('./views/Home.vue'),
        meta: {
          requireAuth: true, // 添加该字段,表示进入这个路由是需要登录的
        },
        children: [{
          path: '/account_management',
          name: 'account_management',
          component: () =>import('./views/admin/account_management.vue')
        }]

      },
      {
        path: '/login',
        name: 'login',
        component: () =>
        import('./views/login/login.vue')
      }

    ]
    const router = new Router({
      routes
    })
    //路由拦截器
    router.beforeEach((to, from, next) => {
      //根据字段判断是否路由过滤
      if(to.meta.requireAuth) { // 判断该路由是否需要登录权限
        if(localStorage.getItem('sid')) { //身份信息获取
          next();
        } else {
          next({
            path: '/login'
          })
        }
      } else {
        next();
      }
    });
    export default router;

  • 相关阅读:
    存储过程
    事务
    mysql常用函数
    explain相关
    索引相关
    sql基本查询语法
    kubernetes日常记录
    Kubernetes的RBAC权限控制
    kubernetes安装ingress-nginx
    Kubernetes部署nginx-ingress
  • 原文地址:https://www.cnblogs.com/92xcd/p/9933457.html
Copyright © 2011-2022 走看看