一个轻量级的进度条组件Nprogress,路由加载时进度条
npm install --save nprogress
// 或者 yarn 下载
yarn add nprogress
使用:
1、引入进度条
import nprogress from 'nprogress';
2、引入样式
import "nprogress/nprogress.css"
3、start:进度条开始 ----- done:进度条结束
4、在axios请求拦截器发起请求的时候开始
// 进度条开始
nprogress.start()
5、在axios响应拦截器响应后台数据的时候,进度条结束
nprogress.done()