路由守卫配置Vue+路由进度条插件

 

1.导入router

import router from 'vue-router'

2.配置前置守卫

//3个形参,to是去那里，from从那来,next通行
router.beforeEach((to,from,next)=>{
  //to.path
  //next('/path')中可以携带跳转的路径
})

3.配置后置守卫

router.afterEach(()=>{})

路由进度条插件

// 导入进度条插件nProgress和样式文件
安装插件npm install nProgress
import nProgress from 'nprogress'
import 'nprogress/nprogress.css'