第一次移动呼叫的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上的弹出框。

谢谢。