elementUI 全局设置loading_element ui 全局loading

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)
  }
)