zoukankan      html  css  js  c++  java
  • vue路由守卫拦截

     1 import Vue from 'vue'
     2 import Router from 'vue-router'
     3 Vue.use(Router)
     4 import Index from '@/page/index'
     5 
     6 let router = new Router({
     7   routes: [{
     8     path: '/',
     9     name: "index",
    10     component: Index,
    11   }]
    12 })
    13 
    14 // 路由守卫
    15 router.beforeEach((to, from, next) => {
    16   // 查找是否存在eleToke,登录的时候保存到localStorage里面的
    17   let isLogin = localStorage.eleToke ? true : false //如果存在返回真,如果不存在返回假
    18   if (to.path == "/Login" || to.path == "/register") { //如果用户本来是想去登录页或者注册页
    19     next() //放行
    20   } else {
    21     isLogin ? next() : next("/Login") //如果isLogin是真允许正常跳转,如果为假,回到登录页面去
    22   }
    23 })
    24 
    25 export default router
  • 相关阅读:
    选择语句(if else) 习题(2017/12/1)
    Java代码空格问题
    设置背景图片
    寄存器
    8086微处理器的组成和工作原理
    8086引脚
    换行的训练
    彩票 双色球 36选7
    函数
    字符串
  • 原文地址:https://www.cnblogs.com/tlfe/p/11567526.html
Copyright © 2011-2022 走看看