import axios from 'axios'
import { Loading } from 'element-ui'
axios.defaults.baseURL = 'http://192.168.0.6:3000'
window._server = 'http://192.168.0.6:3000'
// 请求超时时间
axios.defaults.timeout = 10000
// 设置post请求头
axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded;charset=UTF-8'
// loading进度条设置
let globalLoading
function startLoading () {
globalLoading = Loading.service({
lock: true,
text: '加载中…',
background: 'rgba(0, 0, 0, 0.7)'
})
}
function endLoading () {
setTimeout(() => {
globalLoading.close()
}, 2000)
}
let needLoadingRequestCount = 0
export function showFullScreenLoading () {
if (needLoadingRequestCount === 0) {
startLoading()
}
needLoadingRequestCount++
}
export function tryHideFullScreenLoading () {
if (needLoadingRequestCount <= 0) return
needLoadingRequestCount--
if (needLoadingRequestCount === 0) {
endLoading()
}
}
// http request 拦截器
axios.interceptors.request.use(
config => {
showFullScreenLoading()
return config
},
err => {
return Promise.reject(err)
}
)
// 响应拦截器
axios.interceptors.response.use(
response => {
tryHideFullScreenLoading()
return Promise.reject(response)
},
error => {
return Promise.reject(error.response)
}
)
elementUI 全局设置loading
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- import axios from 'axios'; import { Message, Loading } fr...
- 实现全局loading加载分析需求，我们只需要在请求发起的时候开始loading，响应结束的时候关闭loading...
