vue 进度条 ngprogress axios 拦截器

第一步 安装：npm install npm install --save nprogress

第二步 引入：在main.js中 注意将css放在main.js的顶部，不然编辑器报错

import NProgress from 'nprogress'

import 'nprogress/nprogress.css'

同样在main.js中引入

router.beforeEach((to, from, next) => {

         NProgress.start()

         next()

})

router.afterEach(transition => {

        NProgress.done()

})

有时候我们希望在请求的时候页面顶部也有进度条加载。这时候需要设置拦截器

在这里我用的是mintui里面的加载框。你们可以根据vue-source和axios的不同点进行设置