loading效果

1.导入loading组件

import {Loading} from 'element-ui'

2.main.js 声明请求拦截与响应拦截

let loadingInstance = null
axios.interceptors.request.use(config =>{
//展示loading效果
loadingInstance = Loading.service({fullscreen:true})
return config
})

//声明响应拦截
axios.interceptors.response.use(response =>{
//隐藏Loading效果
loadingInstance.close()
return response
})

 

posted @ 2021-11-18 21:09  ajaXJson  阅读(62)  评论(0编辑  收藏  举报