第一次移動呼叫的XHR錯誤失敗，后續呼叫均全部成功

Question

我有一個使用axios打開新標簽頁的vue js應用程序。 下面是代碼。

var win = window.open('')
  win.document.body.innerHTML = Constants.LOADING_HTML
  axios.get('/api/inventory/report?vehicleId=' + id, {
  }).then(reporthtml => {
    win.document.body.innerHTML = reporthtml.data
  }).catch(error => {
    win.document.body.innerHTML = error.response.data
    win.document.title = 'Error'
  })

在我的計算機上進行測試時，該呼叫工作正常。 但是，在iPhone或iPad上進行測試時，發出的第一個請求會引發錯誤。 關閉打開的選項卡，然后再次進行呼叫后，它可以正常工作，隨后的所有呼叫也可以工作。

通過野生動物園進行調試時，如果調用失敗，我會在控制台中看到以下錯誤。 第一個選項調用看起來可以正確返回。 但是獲取失敗，沒有響應消息或響應代碼。 查看api日志時，調用看起來會成功並返回適當的數據。

看起來catch受到了打擊，但不是因為api，因為error.response為空。 當檢查錯誤時，它說網絡錯誤。

有誰知道這可能是什么原因？ 我也嘗試過在運氣好的情況下禁用ios上的彈出框。

謝謝。

Answer 1

我弄清楚了問題所在。 我對api進行的調用有一個異步http調用，該調用在api調用完成后返回。 看起來ios不喜歡這樣。 使http呼叫同步后，錯誤已解決。