zoukankan      html  css  js  c++  java
  • Vue

    import Vue from 'vue'
    import VueRouter from 'vue-router'
    import Home from '../views/Home.vue'

    Vue.use(VueRouter)

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

    const router = new VueRouter({
      mode:'history',
      routes
    })

    router.beforeEach((to, from, next) => {
     
      if (to.meta.requireAuth) { // 判断是否需要登录权限
        if (to.path!='/login' && localStorage.token==undefined){
          return next({
            path: '/login'
          })
        }else{
          next()
        }
      } else {
        next()
      }
    })

    export default router
  • 相关阅读:
    Morpheus
    UCSC cancer genome
    LSF 作业系统常用命令
    R 语言处理excel为data.frame
    Expression Atlas
    Oncomine 数据库
    pathlib.Path 类的使用
    DT包 -- R语言中自定义表格数据
    R 目录及文件操作
    R 指定安装镜像的方法
  • 原文地址:https://www.cnblogs.com/500m/p/12073198.html
Copyright © 2011-2022 走看看