进度条nprogress

一个轻量级的进度条组件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()

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容