当前位置:网站首页>nprogress插件 进度条
nprogress插件 进度条
2022-07-05 20:07:00 【阿程_88】
一、安装依赖
npm install nprogress -S
二、引入进度条 NProgress 及对应样式(request.js 文件中)
import NProgress from 'nprogress'
import 'nprogress/nprogress.css'
三、使用
// 请求拦截器
instance.interceptors.request.use(
config => {
// 在 request 拦截器中,展示进度条 NProgress.start()
NProgress.start()
if (sessionStorage.getItem('token')) {
config.headers.Authorization = sessionStorage.getItem('token')
}
return config
},
err => {
return Promise.reject(err)
}
)
// 响应拦截器
instance.interceptors.response.use(
res => {
// 在 response 拦截器中,隐藏进度条 NProgress.done()
NProgress.done()
if (res.status === 200) {
return Promise.resolve(res.data)
} else {
return Promise.reject(res)
}
},
err => {
return Promise.reject(err)
}
)
边栏推荐
- js方法传Long类型id值时会出现精确损失
- Force buckle 1200 Minimum absolute difference
- leetcode刷题:二叉树15(找树左下角的值)
- 14. Users, groups, and permissions (14)
- After 95, Alibaba P7 published the payroll: it's really fragrant to make up this
- 中金财富在网上开户安全吗?
- Force buckle 729 My schedule I
- 解决php无法将string转换为json的办法
- 建立自己的网站(16)
- .Net分布式事務及落地解决方案
猜你喜欢
third-party dynamic library (libcudnn.so) that Paddle depends on is not configured correctl
解决php无法将string转换为json的办法
Guidelines for application of Shenzhen green and low carbon industry support plan in 2023
js实现禁止网页缩放(Ctrl+鼠标、+、-缩放有效亲测)
C application interface development foundation - form control (5) - grouping control
- Oui. Net Distributed Transaction and Landing Solution
Elk distributed log analysis system deployment (Huawei cloud)
Unity编辑器扩展 UI控件篇
解决Thinkphp框架应用目录下数据库配置信息修改后依然按默认方式连接
95后阿里P7晒出工资单:狠补了这个,真香...
随机推荐
ICTCLAS用的字Lucene4.9捆绑
ByteDance dev better technology salon was successfully held, and we joined hands with Huatai to share our experience in improving the efficiency of web research and development
Parler de threadlocal insecurerandom
SecureRandom那些事|真伪随机数
什么是pyc文件
Leetcode skimming: binary tree 17 (construct binary tree from middle order and post order traversal sequence)
Scala基础【HelloWorld代码解析,变量和标识符】
随机数生成的四种方法|Random|Math|ThreadLocalRandom|SecurityRandom
中金财富在网上开户安全吗?
Win10 x64环境下基于VS2017和cmake-gui配置使用zxing以及opencv,并实现data metrix码的简单检测
Some problems encountered in cocos2d-x project summary
Fundamentals of deep learning convolutional neural network (CNN)
618 "low key" curtain call, how can baiqiushangmei join hands with the brand to cross the "uncertain era"?
强化学习-学习笔记4 | Actor-Critic
Jvmrandom cannot set seeds | problem tracing | source code tracing
third-party dynamic library (libcudnn.so) that Paddle depends on is not configured correctl
Solve the problem that the database configuration information under the ThinkPHP framework application directory is still connected by default after modification
Flume series: interceptor filtering data
港股将迎“最牛十元店“,名创优品能借IPO突围?
B站UP搭建世界首个纯红石神经网络、基于深度学习动作识别的色情检测、陈天奇《机器学编译MLC》课程进展、AI前沿论文 | ShowMeAI资讯日报 #07.05