Nprogress plug-in progress bar

One 、 Installation dependency

npm install nprogress -S

Two 、 Introduce progress bar NProgress And corresponding styles （request.js In file ）

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

3、 ... and 、 Use

//  Request interceptor 
instance.interceptors.request.use(
  config => {
    
    //  stay  request  In the interceptor , Show the progress bar  NProgress.start()
    NProgress.start()
    if (sessionStorage.getItem('token')) {
    
	  config.headers.Authorization = sessionStorage.getItem('token')
    }
	return config
  },
  err => {
    
    return Promise.reject(err)
  }
)

//  Response interceptors 
instance.interceptors.response.use(
  res => {
    
    //  stay  response  In the interceptor , Hide progress bar  NProgress.done()
	NProgress.done()
	if (res.status === 200) {
    
	  return Promise.resolve(res.data)
	} else {
    
	  return Promise.reject(res)
	}
  },
  err => {
    
    return Promise.reject(err)
  }
)