zoukankan      html  css  js  c++  java
  • 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 })

    简单的路由全局守卫

  • 相关阅读:
    TD
    TD
    required
    Cookie
    cookie 与 session区别
    折线图
    <a>标签
    十六进制颜色表
    js获取当前页面的url网址信息
    stopPropagation() 方法
  • 原文地址:https://www.cnblogs.com/chenfan19941111/p/9746815.html
Copyright © 2011-2022 走看看