1.安装 npm i nprogress

2.在main.js中全局引入

引入进度条的样式

3.在http目录下的request.js（axios封装请求头的文件里）中引入nprogress

import NProgress from 'nprogress'

4.在axios请求请求拦截和响应拦截设置其实和结束进度

request.interceptors.request.use(
  (config) => {
    NProgress.start()
    config.headers.Authorization = localStorage.getItem("token")
    return config
}
}

· 设置请求 拦截器start

设置相应拦截器的结束状态done

request.interceptors.response.use(
  (res) => {
    NProgress.done()
    return Promise.reject(res.data)
    }
}