chrome浏览器在进行接口请求的时候出现请求取消如何解决

Question

同时还使用了axios拦截器，然后页面就一直加载中了，请问怎解决或者改善这种状况？

let loading

function startLoading() {
  loading = Loading.service({
    lock: true,
    text: '加载中……',
    background: 'rgba(0, 0, 0, 0.2)',
  })
}

function endLoading() {
  loading.close()
}

let needLoadingRequestCount = 0
export function showFullScreenLoading() {
  if (needLoadingRequestCount === 0) {
    startLoading()
  }
  needLoadingRequestCount++
}

export function tryHideFullScreenLoading() {
  if (needLoadingRequestCount <= 0) return
  needLoadingRequestCount--
  if (needLoadingRequestCount === 0) {
    // setTimeout(()=>{
    endLoading()
    // },1000)
  }
}
axios.interceptors.request.use(config => {
  showFullScreenLoading()
  return config
}, err => {
  return Promise.resolve(err)
})

axios.interceptors.response.use(response => {
  tryHideFullScreenLoading()
  if (response) {
    switch (response.data.code) {
      case 4011: //与后台约定登录失效的返回码,根据实际情况处理
        sessionStorage.removeItem('principal');
        sessionStorage.removeItem('token');
        sessionStorage.removeItem("moudleChange");
        sessionStorage.removeItem("path");
        router.replace({
          path: '/'
        })
    }
  }
  return response
}, err => {
  return Promise.resolve(err)
})

Answer 1

跨域了？看你的 Console

Answer 2

不知道为什么这样data就变化了