vue使用Nprogress页面加载进度条

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();

});

或者

import NProgress from 'nprogress'