react 使用 NProgress 顶部滚动条

首先下载

npm i nprogress -S

之后项目中引入

–css文件必须引入，否则会无效

import NProgress from 'nprogress'
import 'nprogress/nprogress.css'

在请求之前使用，请求完成后关闭

NProgress.start() // 显示滚动条
NProgress.done() // 关闭滚动条

全局请求方法中

修改样式

#nprogress .bar {
	background: #1890ff !important;
	height: 3px !important;
}

在入口index.html中添加

效果