简介

pace.js(加载进度条插件)，一个轻量级，使用简单方便的进度条工具。

官网

codebyzach.github.io/pace/

使用

pace的基本使用我们可以参照官网进行使用，在这里只介绍一下在vue中的使用。

1. 通过npm库进行安装，安装命令：npm i pace-js。
2. 在main.js文件中导入pace，import Pace from 'pace-js'。
3. 在main.js文件中引入样式import 'pace-js/themes/blue/pace-theme-flat-top.css' 这样在vue中就能自动检测发送ajax请求了，无需其他任何操作。

注：

1. axios与ajax的区别 blog.csdn.net/qq_45954445…
2. pace默认只检测ajax请求中的get请求，但是我们日常还有post等请求，我们需要进行配置，在main.js文件中写入如下配置 Pace.options.ajax.trackMethods.push('POST')。这样也能检测post请求。

参考

juejin.cn/post/684490…