请求时展示loading图标问题踩坑小结

一般情况下，在请求开始时，展示Loading，请求返回/报错时隐藏Loading

代码如下：

function request(){
    showLoadingIcon(); // 展示loading
    return axios().then(() => {
        // 返回
    }).finally(() => {
        hideLoadingIcon(); // 隐藏loading
    })
}

若添加了请求拦截器，并在上一个请求未返回前执行 abort 请求(请求连接主动断开)。

这种情况下。讨论显隐loading时机的问题。

在用户快速发起两次以上的请求时，下一次请求会取消上一次请求，导致上一次请求的promise进入catch/finally。

若上一次请求在catch/finally 回调事件中，执行了隐藏loading的代码，则此时就会有顺序问题。

就是下次请求的方法刚调用展示Loading，之后再调用比如axios的请求，

此时，本次请求进入拦截器。上一次请求被取消并进入catch/finally的回调，执行隐藏loading状态。

因此，本次发起的请求就不会展示loading。