elementUI 全局设置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)

  }

)