vue 项目添加进度条

1,安装

npm install NProgress --save--dev

2,调用

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

3,配置

NProgress.configure({ showSpinner: false }); // 去掉右侧加载圆圈

//切换页面的时候调用
router.beforeEach((to, from, next) => {
  NProgress.start(); // start progress bar
  next();
});

router.afterEach(() => {
  NProgress.done();
});