接口處理請求時間過長，前台響應“服務器超時”的解決辦法

問題場景

數據計算量過大，接口響應時間過長時，網關會報超時，頁面就掛了，沒有更好的解決辦法，暫時采用了一個臨時方案，步驟如下：

1.將原本的一個接口拆分為3個，三個接口異步操作。三個接口作用及描述如下：

接口1：獲取本地異步操作的唯一標識-唯一且加密后的code值

　　請求體：此次查詢操作的查詢條件

　　返回體：唯一的加密后的唯一code

接口2：輪詢此次查詢的結果是否已計算並准備好

　　請求體：接口1返回的code

　　返回體：-1或0 -----0 數據未計算完成 1-數據已經計算完成並准備好

接口3：查詢

　　請求體：接口1返回的code

　　返回體：最終的查詢結果

2.三個接口的執行順序：

•  頁面發起查詢請求，首先調用接口1，獲取code。
• code已返回，前端啟用定時器，固定間隔調用接口2，直到接口2返回1，停止輪詢，調用接口3，拿到返回數據，渲染頁面。
• 前端開始調用接口2時，后端同時執行接口2和3 ，獲取查詢狀態

3.大致代碼如下：

pollingFunctions () {
    if (this.queryTimer) {
        clearInterval(this.queryTimer);
    }
    let _this = this;
        // 接口1-獲取唯一標識code
    functionA(copyParams).then(({ data, error }) => {
        if (data) {
            // 接口2-查詢是否完成
            _this.queryTimer = setInterval(function () {
                functionB({ onlyCode: data }).then(({ data, error }) => {
                    if (data) { // 成功
                        if (data === '0') {
                            clearInterval(_this.queryTimer);
                            functionC();        // 接口3-查詢
                        }
                    } else { // 失敗
                        clearInterval(_this.queryTimer);
                        _this.$message.error(error.message);
                    }
                });
            }, 10000);
        } else {
            _this.$message.error(error.message);
        }
    });
}