1、下载nprogress依赖

202109121631423062100348

2、在main.js中使用

202109121631423527213149

3、因为进度条是显示页面获取数据进度的效果,所以应该在main中的axios进行请求

(1)在requset拦截器中使用Nprogress.start(),即开始请求的时候调用nprogress组件

(2)在response中使用Nprogress.start(),在请求得到响应的时候停止nprogress组件

202109121631423857604635

实现效果:

202109121631424310141374