加载时的进度条

进度条是什么？

就是我们在加载时，上面出现的一个条

使用方法

1.下载

npm i nprogress

2.引入

import Mprogress from 'nprogress'
import 'nprogress/nprogress.css'

3.使用

路由前置守卫
router.beforeEach((to,from,next)=>{
  const login=localStorage.getItem('token')
  // 开启进度条
  Mprogress.start()
  if(to.path!=='/' && !login){
    next('/');
  }else{
    next()
  }
})
路由后置守卫
router.afterEach(()=>{
  // 进度条结束
  Mprogress.done()
})