vue进度条的使用（基于nprogress）

一、安装

npm install --save nprogress

二、引入进度条及样式

在api文件夹中request.js文件中引入

import nprogress from 'nprogress';

//引入样式

import 'nprogress/nprogress.css'

三、使用

//在拦截器发请求前   

nprogress.start();

//在拦截器请求回掉成功后

nprogress.done();

四、改颜色

在node_modules文件夹中找到安装的nprogress.css文件进行样式修改