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
  },