素材巴巴 > 程序开发 >

vue全局进度条显示—NProgressE

程序开发 2023-09-18 14:37:19

vue全局进度条显示—NProgressE

1、下载依赖

npm install nprogresse --save
 

2、引入依赖+使用

1、给每一个请求都添加一个进度条

1、在request.js(请求拦截器和响应拦截器)中与引入依赖+依赖样式
在这里插入图片描述
2、在请求拦截器打开进度条,在响应拦截器关闭进度条
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

2、给每一次路由跳转都添加一一个进度条

在路由守卫中引入,同上

效果图:

在这里插入图片描述


标签:

素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。