1.安装
npm i nprogress@0.2.0
2.应用
说明：用于请求拦截器，响应拦截器，start进度条开始，done进度条结束
// 引入进度条
import nprogress from "nprogress"
//样式
import "nprogress/nprogress.css"3.nprogress.start()
说明：放入请求拦截器里面。文章来源：https://www.toymoban.com/news/detail-627990.html
4.nprogress.done()
说明：放入响应拦截器里面。 文章来源地址https://www.toymoban.com/news/detail-627990.html
5. 案例
// 请求拦截器，
requests.interceptors.request.use((config)=>{
// 进度条开始
nprogress.start()
return config
})
// 响应拦截器
requests.interceptors.response.use(config=>{
// 成功的回调函数，服务器相应数据回来以后，响应拦截器可以检测到
// 进度条结束
nprogress.done()
return config.data
},error=>{
console.log(error);
return Promise.reject(new Error("fail"))
})
到了这里，关于vue中第三方库nprogress使用的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
