• router全局守卫


     1 import Vue from 'vue'//引入vue
     2 import VueRouter from 'vue-router'//引入router
     3 Vue.use(VueRouter)//使用router
     4 const router = new VueRouter({
     5    routes :[
     6        {path:,name:,componenet:} //配置路由规则    
     7 ] ,
     8 mode:'history'//去掉导航栏的#
     9 })
    10 
    11 //设置全局导航路由
    12 router.beforeEach((to,from,next)=>{
    13     //to.path,判断要去往的路由,
    14    //如果是登录和注册就放行next()
    15    if(to.path==='/login'||to.path==='/register'){
    16      next() //不带参数表示放行
    17 } else{
    18     //判断是否登录
    19     //store.gettes.isLogin===false
    20     next('/login') //跳转到login ,带参数表示指定路由
    21 }    
    22 })

    简单的路由全局守卫

  • 相关阅读:
    java-Math类
    java-Random类
    java-SimpleDateFormat类
    java-Calendar类+
    java-Calendar类
    java-System类
    java-Integer的面试题
    Android中怎么用this
    adapter(转自Devin Zhang)
    实例变量和局部变量
  • 原文地址:https://www.cnblogs.com/chenfan19941111/p/9746815.html
Copyright © 2020-2023  润新知