github地址:nprogress
Nprogress安裝
npm install --save nprogress
在項目中引入
在main.js中引入要使用的nprogress
//導入進度條插件\js與css
import Nprogress from 'nprogress'
import 'nprogress/nprogress.css'
基本用法
Nprogress.start()顯示進度條
Nprogress.done()完成進度條
//在request攔截器中顯示進度條Nprogress.start()
axios.interceptors.request.use(config => {
//請求開始時顯示進度條
Nprogress.start()
return config
})
//response中完成進度條Nprogress.done()
axios.interceptors.response.use(config => {
//服務響應時完成進度條
Nprogress.done()
return config
})