npm安装:npm install --save nprogress

引入包和样式:

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

在axios拦截器中使用它们:

  1. 在数据请求前:NProgress.start();
axios.interceptors.request.use(config => {
    NProgress.start();
    return config
})
  1. 数据响应最后一刻:NProgress.done();
axios.interceptors.response(config => {
    NProgress.done();
    return config
})