首页 > 其他分享 >nprogress 进度条的使用

nprogress 进度条的使用

时间:2022-10-11 15:14:15浏览次数:37  
标签:instance axios 进度条 start done 使用 nprogress

start :进度条开始

done :进度条结束

进度条样式可以改,当然需要修改人家的样式

import axios from 'axios'

//引入进度条
//start 进度条开始 done 进度条结束
import nprogress from 'nprogress'
//引入进度条样式
import "nprogress/nprogress.css"

const instance = axios.create({
    baseURL:'/api',
    timeout:5000
})

instance.interceptors.request.use(config=>{
    nprogress.start()
    return config
})
instance.interceptors.response.use(res=>{
    nprogress.done()
    return res.data
})

 

标签:instance,axios,进度条,start,done,使用,nprogress
From: https://www.cnblogs.com/czwhandsome/p/16779235.html

相关文章

  • workerman/gatewayworker使用protobuffer和json的对比
    作者回答“在websocket上传输json更通用一些,调试也更方便一些。”“快0.00001秒没有什么太大意义。另外最好压测下php的json和protobuffer到底哪个快,php下还真不一定prot......
  • 如何在WPF中使用矢量图标
    WPF中除了可以用传统的图片格式(jpg,png)做中控件的图标外,更常见的时使用Geometry作为图标。本文将讲解如何从网上找到svg数据,然后嵌入到WPF里。准备数据阿里矢量图【提......
  • 使用传统的方式,遍历集合,对集合中的数据进行过滤与使用Stream流的方式,遍历集合,对集
    使用传统的方式,遍历集合,对集合中的数据进行过滤Stream流说到Stream便容易想到I/OStream,而实际上,谁规定"流"就一定是"0流"呢﹖在Java8中,得益于Lambda所带来的函数式编程......
  • 路由的配置和简单使用
     1、路由添加命令:pnpminstallvue-router@next--save  //@next表示最新 安装成功后dependencies里会出现路由的版本 "vue-router":"^4.0.13"如果项目正在......
  • zabbix 使用监控项原型(自动发现规则)
    以kafka为例,需要先对topic-parttion做发现,脚本如下cattopic_parttion_discovery.py#!/usr/bin/envpythonimportjsonimportoscmd=os.popen("""sh/usr/local/k......
  • ogg21c部署在centos6因glibc版本过低无法使用问题
    环境OS:Centos6.9ogg版本:21C问题[oracle@localhostgoldengate21c]$./ggsci./ggsci:/lib64/libc.so.6:version`GLIBC_2.14'notfound(requiredby/goldengate......
  • void指针的使用
    void指针是一种不明确类型的指针,任何指针都可转换为void指针。void指针只保存了指针的值并没有记录指针指向对象的类型。因此在用到对void指针解引时,需要先把void指针转......
  • PS新手教程-如何使用PS去除脖颈纹?
    如何使用PS去除脖颈纹?给大家介绍如何使用PS去除脖颈纹,一起来看看吧。1.首先将图片放大。可以按住alT键滚动滚轮。2.消除颈纹,建议选用工具栏中的修补工具,点击选题。3.......
  • Elastic 8.4 使用过程问题及解决方案
     1、怎么把业务数据存入es连接ES@Service@Slf4jpublicclassElasticConnectUtil{@Value("${elastic.host}")privateStringelasticHost;@Value......
  • 使用HttpOnly缓解最常见的XSS攻击
    什么是HttpOnlyHttpOnly是包含在http返回头Set-Cookie里面的一个附加的flag,所以它是后端服务器对cookie设置的一个附加的属性,在生成cookie时使用HttpOnly标志有助于减轻客......