vue项目使用进度条

第一步引入nprogress 包

$ npm install --save nprogress 或者

//用法
NProgress.start();
NProgress.done();

第二步如何使用

在request.js或router.js中引入
import NProgress from ‘nprogress’

axios请求拦截器中使用NProgress.start();

axios.interceptors.request.use(config => {
NProgress.start();
//这里可以写自定义请求头信息； config.headers[‘x-token’] = …
return config
}, error => {
// Do something with request error
Promise.reject(error)
})

axios响应拦截器中使用NProgress.done();

axios.interceptors.request.use(config => {
NProgress.done();
return config
}, error => {
// Do something with request error
Promise.reject(error)
})