Nprogress 的使用

1.npm install --save nprogress

 

2.在main.js入口文件中引入

// 引入Nprogress进度条对应的js和css

import Nprogress from 'nprogress'

import 'nprogress/nprogress.css'

 

 

3.一般我们项目中都会使用axios

在响应拦截器和请求拦截器中配置一下即可

//请求拦截器 

axios.interceptors.request.use(config=>{

  Nprogress.start()

  config.headers.Authorization=window.sessionStorage.getItem('token')

  return config

})

//响应拦截器

axios.interceptors.response.use(config=>{

  Nprogress.done()

  return config

})