javascript - vue.js 中设备离线时 Axios 不会失败

Question

我有一个 Nativescript vue.js 应用程序，当用户使用 axios 单击登录时，该应用程序会访问端点以获取 token 。

当模拟器手机离线时，仍然会进行 axios 调用，然后执行，就像发出了成功的请求一样，查看网络选项卡，有一个请求，但它永远处于挂起状态，并且 axios 调用立即返回.

如果我在基于浏览器的应用程序中运行 axios，它似乎不会以同样的方式失败。

这是我的调用代码:

   methods:{
            submit()
                { this.axios.post('https://backendauth.free.beeceptor.com/api/login',this.user)
                .then((response) => {
                    console.log('Detected as a success')
                    console.log(response.status)
                    console.log(response)
                    console.log(response.data.success.token)
                    this.data = JSON.stringify(response.data)
                    this.$navigateTo(this.$router['home'])
                }).catch((err)=>{
                    if (err.response.status === 401) {
                        console.log(err)
                    }
                    else
                    {
                        console.log(err.response)
                    }

                    })
                this.submitting = 'form clicked'
            }

我创建了一个存储库来演示这一点

https://github.com/jachno/basicAuth

此图显示设备在线时控制台请求成功

这显示了通过网络进行的调用

这显示了处于飞行模式时的网络待处理请求

现在显示设备处于飞行模式时控制台的外观:

Answer 1

当Http调用失败时，状态设置为null，Axios认为调用成功。因此，解决方法可以是在成功回调时验证您的状态是否为 null。如果为null，则视为失败。

您还可以检查是否connectivity设置为none，以查明您的设备是否真正离线。

您可能想在 Github repo 中提出错误关于这一点。