通过nprogress添加进度条效果

首先引入nprogress插件

1.加载nprogress包

//导入nprogress 包对应的js,css
import NProgress from 'nprogress'
import 'nprogress/nprogress.css'

2.在axios request请求中使用start（）函数来开启进度条

//挂载请求拦截器
//在request拦截器中，展示进度条NProgress.start()
axios.interceptors.request.use(function (config) {
  NProgress.start();
  config.headers.Authorization = sessionStorage.getItem('token')
  return config;
})

3.在axios response请求中使用start（）函数来关闭进度条

//在response拦截器中，隐藏进度条NProgress.done()
axios.interceptors.response.use(config=>{
  NProgress.done();
  return config
})