vue使用Nprogress页面加载进度条

最新推荐文章于 2025-09-18 21:40:51 发布

原创最新推荐文章于 2025-09-18 21:40:51 发布 · 1k 阅读

1 ·

CC 4.0 BY-SA版权

Vue 专栏收录该内容

57 篇文章

订阅专栏

博客主要介绍了插件的安装与使用方法。安装可从官网或github下载，使用时可直接下载插件，还提及在api/api.config.js文件相关操作。

1.安装

npm install nprogress --save

2.官网下载

http://ricostacruz.com/nprogress/

github:

https://github.com/rstacruz/nprogress

3.用法

NProgress.start();
NProgress.done();

4.使用

直接下载插件

在api/api.config.js

import Nprogress from '@/plugin/Nprogress'

axios.interceptors.request.use(
    res=> {       
        Nprogress.start();
        return res
    }, error => {
        return Promise.reject(error);
    }
);
axios.interceptors.response.use(response => {
    Nprogress.done();
    return response.data;
}, error => {
    Nprogress.done();

});

或者