nprogerss浏览器进度条加载优化

//先引入nprogress
import NProgress from 'nprogress'
import 'nprogress/nprogress.css' //这个样式必须引入

在页面加载时触发

页面加载完成就取消

是放在axios全局请求中,main.js文件

axios.interceptors.request.use((config) => {
  NProgress.start()
  config.headers.Authorization = window.sessionStorage.getItem('token')
  return config
  // 最后必须returnconfig不然报错
})
axios.interceptors.response.use((config) => {
  NProgress.done()
  return config
  // 最后必须returnconfig不然报错
})
posted @ 2020-09-21 19:52  缔造cool  阅读(150)  评论(0编辑  收藏  举报