通过NProgress来进行页面上方的加载条显示

效果：（网页中得到这样一个加载效果）

第一种方法：在项目的路径下启用vue的可视化面板
在依赖-运行依赖中输入nprogress来下载（如图）

第二种方法，进入nprogress的github.(如图)

回到项目界面在命令行下输入

npm install --save nprogress

1.1没有使用vuex的直接在main.js中输入

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

然后在你的request和response中，使用

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

具体位置的配置如下

1.2如果使用了vuex的话，要在request.js的文件中配置

// 同样是在request.js的文件中输入
import NProgress from 'nprogress'
import 'nprogress/nprogress.css'

同样找到request和response：


即可成功…