NProgress 使用

  1. 安装NProgress包

方法一： npm install --save nprogerss
方法二：在图形化界面中搜索nprogress安装运行依赖

  1. 导入 NProgress 包对应的JS和CSS
import NProgress from 'nprogress'
import 'nprogress/nprogress.css'
  1. 在 request 拦截器中，展示进度条 NProgress.start()
axios.interceptors.request.use(config => {
  NProgress.start()
  config.headers.Authorization = window.sessionStorage.getItem('token')
  // 在最后必须 return config
  return config
})
  1. 在 response 拦截器中，隐藏进度条 NProgress.done()
    axios.interceptors.response.use(config => {
    NProgress.done()
    return config
    })
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。