vue使用NProgress实现进度条

页面跳转出现进度条(router.js)

router.beforeEach((to, from, next) => {
 //出现进度条
  NProgress.start()
  next()
})

router.afterEach(() => {
  //进度条消失
  NProgress.done()
}

发送请求出现进度条(这里使用 axios 发送请求)

// 添加请求拦截器
axios.interceptors.request.use(function (config) {
  // 出现进度条
    NProgress.start()return config
}, function (error) {
    // Do something with request error
    return Promise.reject(error)
})

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

 

上一篇:IDE中使用Git提交代码报错:Push to origin/release-V2 was rejected


下一篇:Acwing 849.Dijistra求最短路径(朴素Dijistra算法)