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
  • 相关阅读:
    Vscode 隐藏 工作区中的目录
    java 中 静态泛型方法书写
    Vscode 配置 maven debug
    vscode 配置 java utf-8 编码
    node.js 设置 淘宝 镜像
    vscode 注册表
    ESET Smart Security 6 – 免费60天(SG)
    WIN-8“内置管理员无法激活此应用”问题
    怎样更新PE内的工具
    使用Setup安装Windows8 RTM方法
  • 原文地址:https://www.cnblogs.com/500m/p/12073198.html
Copyright © 2011-2022 走看看