Vue使用NProgress进度条
npm安装:npm install --save nprogress
引入包和样式:
import NProgress from 'nprogress'
import 'nprogress/nprogress.css'
在axios拦截器中使用它们:
- 在数据请求前:NProgress.start();
axios.interceptors.request.use(config => {
NProgress.start();
return config
})
- 数据响应最后一刻:NProgress.done();
axios.interceptors.response(config => {
NProgress.done();
return config
})
本作品采用 知识共享署名-相同方式共享 4.0 国际许可协议 进行许可。
评论已关闭