首页 > 其他 > 详细

Vue中添加进度条效果(使用nprogress)

时间:2021-06-26 23:40:53      阅读:28      评论:0      收藏:0      [点我收藏+]

1.安装NProgress依赖包

npm install nprogress --save

2.在main.js 中导入NProgress包对应的js和css

import NProgress from ‘nprogress‘
import ‘nprogress/nprogress.cs‘

3.在request 拦截器中, 展示进度条 NProgress.start()

axios.interceptors.request.use(config => {
	NProgress.start()
	return config
})

4.在response 拦截器中, 隐藏进度条 NProgress.done()

axios.interceptors.response.use(config => {
	NProgress.done()
        return config
})

Vue中添加进度条效果(使用nprogress)

原文:https://www.cnblogs.com/wjy00/p/14935273.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!