当前位置:网站首页>Nprogress plug-in progress bar
Nprogress plug-in progress bar
2022-07-05 20:29:00 【Cheng_ eighty-eight】
One 、 Installation dependency
npm install nprogress -S
Two 、 Introduce progress bar NProgress And corresponding styles (request.js In file )
import NProgress from 'nprogress'
import 'nprogress/nprogress.css'
3、 ... and 、 Use
// Request interceptor
instance.interceptors.request.use(
config => {
// stay request In the interceptor , Show the progress bar NProgress.start()
NProgress.start()
if (sessionStorage.getItem('token')) {
config.headers.Authorization = sessionStorage.getItem('token')
}
return config
},
err => {
return Promise.reject(err)
}
)
// Response interceptors
instance.interceptors.response.use(
res => {
// stay response In the interceptor , Hide progress bar NProgress.done()
NProgress.done()
if (res.status === 200) {
return Promise.resolve(res.data)
} else {
return Promise.reject(res)
}
},
err => {
return Promise.reject(err)
}
)
边栏推荐
- Mongodb basic exercises
- mongodb基操的练习
- 【愚公系列】2022年7月 Go教学课程 004-Go代码注释
- 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
- .Net分布式事务及落地解决方案
- Unity编辑器扩展 UI控件篇
- Classic implementation of the basic method of intelligent home of Internet of things
- Leetcode (695) - the largest area of an island
- 实操演示:产研团队如何高效构建需求工作流?
- 如何形成规范的接口文档
猜你喜欢
Hongmeng OS' fourth learning
【数字IC验证快速入门】8、数字IC中的典型电路及其对应的Verilog描述方法
IC科普文:ECO的那些事儿
Oracle tablespace management
Leetcode skimming: binary tree 17 (construct binary tree from middle order and post order traversal sequence)
Unity editor extended UI control
【数字IC验证快速入门】9、Verilog RTL设计必会的有限状态机(FSM)
PyTorch 1.12发布,正式支持苹果M1芯片GPU加速,修复众多Bug
CVPR 2022 | common 3D damage and data enhancement
【愚公系列】2022年7月 Go教学课程 004-Go代码注释
随机推荐
sun. misc. Base64encoder error reporting solution [easy to understand]
走入并行的世界
mongodb基操的练习
怎么挑选好的外盘平台,安全正规的?
港股将迎“最牛十元店“,名创优品能借IPO突围?
How to choose a good external disk platform, safe and formal?
A solution to PHP's inability to convert strings into JSON
Leetcode skimming: binary tree 16 (path sum)
微信小程序正则表达式提取链接
欢迎来战,赢取丰厚奖金:Code Golf 代码高尔夫挑战赛正式启动
2020 CCPC Weihai - A. golden spirit (thinking), D. ABC project (big number decomposition / thinking)
Leetcode skimming: binary tree 17 (construct binary tree from middle order and post order traversal sequence)
July 4, 2022 - July 10, 2022 (UE4 video tutorial MySQL)
Leetcode(695)——岛屿的最大面积
1、强化学习基础知识点
CCPC 2021 Weihai - G. shinyruo and KFC (combination number, tips)
DP: tree DP
Welcome to the game and win rich bonuses: Code Golf Challenge officially launched
基金网上开户安全吗?去哪里开,可以拿到低佣金?
Bzoj 3747 poi2015 kinoman segment tree