第一步引入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)
})