原文链接：blog.csdn.net/weixin_4678…
引言
在Web应用程序中，经常会遇到需要向服务器发送请求并等待响应的情况。这种等待时间可能会很长，导致用户感觉网站速度很慢。为了提高用户体验，我们可以使用接口进度条来显示请求的进度，让用户知道请求正在处理中，从而提高用户的满意度。
CSDN博主「陈书予」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：blog.csdn.net/weixin_4678…
一、安装进度条插件
原文链接：blog.csdn.net/weixin_4678…
1.1 安装NProgress插件
1.2 在Vue3中引入NProgress插件
二、在路由中使用进度条
2.1 在全局路由中使用进度条
2.2 在局部路由中使用进度条
三、在axios拦截器中使用进度条
3.1 创建axios拦截器
3.2 在axios拦截器中使用进度条
四、使用自定义进度条样式
4.1 自定义进度条样式
在以上示例中，我们配置了进度条的动画效果、速度、是否显示旋转图标、速率以及最小值。
4.2 在NProgress插件中使用自定义样式
除了在axios拦截器中使用自定义样式外，我们还可以在NProgress插件中使用自定义样式。在Vue3中，我们可以在main.js文件中使用NProgress.configure()方法来配置自定义样式，如下所示：
