vue数据加载进度条

1. 安装第三方插件

npm i nprogress

2. 在main.ts中引入样式

import 'nprogress/nprogress.css';//引入加载进度条的样式

3. 在拦截器开始请求和结束请求加入相应的代码

• 首先引入nprogress插件

import NProgress from "nprogress"; // 引nprogress插件

• 在请求拦截器中开启进度条

NProgress.start();//开启进度条

• 在响应拦截器中

NProgress .done();//结束进度条