专栏首页生如夏花的个人博客vue项目添加进度条效果

vue项目添加进度条效果

vue项目添加进度条效果

nprogress简介

这是一个小进度条插件。纳米级的进度条,涓涓细流动画告诉你的用户,一些事情正在发生!

安装

npm install --save nprogress

或者使用淘宝镜像

cnpm install --save nprogress

使用

在main.js中配置

//NProgress
import NProgress from 'nprogress'
import 'nprogress/nprogress.css'

//定义拦截器
axios.interceptors.request.use((config) => {
    NProgress.start();
    return config
  },
 axios.interceptors.response.use((config) => {
    NProgress.done();
    return config
  },

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • mybatis-plus一些关键配置

    MyBatis 配置文件位置,如果您有单独的 MyBatis 配置,请将其路径配置到 configLocation 中。如果是springboot中做如下配置:

    许喜朝
  • 大数据:Hadoop-MapReduce练习

    第9、10、11、12字符为年份,第20、21、22、23字符代表温度,求每年的最高温度

    许喜朝
  • 大数据:hadoop常用操作命令

    许喜朝
  • Linux基础(day64)

    18.6 负载均衡集群介绍 负载均衡集群介绍 主流开源软件LVS、keepalived、haproxy、nginx等 其中LVS属于4层(网络OSI 7层模型...

    运维小白
  • 聊聊flink的MemoryBackendCheckpointStorage

    本文主要研究一下flink的MemoryBackendCheckpointStorage

    codecraft
  • 聊聊flink的MemoryBackendCheckpointStorage

    本文主要研究一下flink的MemoryBackendCheckpointStorage

    codecraft
  • 微信付费订阅,知识变现或将重塑内容产出逻辑

    孟永辉
  • 编程语言|编译原理

    今天的是讲一讲编程语言,为什么会有这么多不同的编程语言?为什么还会有新的编程语言?

    仇诺伊
  • 55. 跳跃游戏

    来源:力扣(LeetCode) 链接:https://leetcode-cn.com/problems/jump-game 著作权归领扣网络所有。商业转载请联系...

    lucifer210
  • 蓝牙加密配对漏洞曝光:请速更新操作系统或驱动程序

    据外媒报道,最近曝出的一个加密错误(Crypto Bug),对苹果、博通、英特尔、高通等硬件供应商的蓝牙实施和操作系统程序都产生了较大的影响。其原因是支持蓝牙的...

    C4rpeDime

扫码关注云+社区

领取腾讯云代金券