axios を使用してプロジェクト内の複数の繰り返しリクエストをフィルタリングする方法

  // 約束
  解決するPromise
  p = new Promise((resolve, deny) => { とする
    解決約束 = 解決
  })
  // これはresolvePromise()を外部で実行します

    CancelToken.source = 関数ソース() {
    var キャンセル;
    // 
    var token = new CancelToken(function executor(c) {
        キャンセル = c;
    });
    戻る {
        トークン: トークン、
        キャンセル: キャンセル、
    };

    //グローバルマップを宣言する
    const pendingHttp = 新しい Map()
    // axios に組み込まれた CancelToken クラス const CancelToken = axios.CancelToken
       
    関数 addApi (config) {
      config.cancelToken = 新しいCancelToken((キャンセル) => {
        定数 url = config.url
        コンソールログ(保留中のHttp)
        if (!pendingHttp.has(url)) {
          pendingHttp.set(url, キャンセル)
        }
      })
    }

    関数 cancelApi (config) {
      定数 url = config.url
      if (pendingHttp.has(url)) { // 現在のリクエスト識別子が保留中に存在する場合は、現在のリクエストをキャンセルして削除する必要があります。const cancel = pendingHttp.get(url)
        キャンセル(url + 'キャンセル')
        pendingHttp.delete(url) // 現在の URL のキャッシュをクリアします}
    }

    httpService.interceptors.request.use(config => {

      キャンセルAPI(設定)
      APIの追加(設定)
      
      // ローカルでデバッグする場合はクロスドメインの状況であり、リクエスト ヘッダーの追加には制限があります (ここでのプロジェクト コードは無関係です)
      const { headers = {} } = config; const { globalObj = {} } = window
      オブジェクト.assign(headers, globalObj, { from })
      
      設定を返す
    }, エラー => {
      コンソール.log(エラー)
      Promise.reject(error) を返します。
    })

    httpService.interceptors.response.use(
      レスポンス => {
        cancelApi(レスポンス.config)
        sentryCatchApi(応答)
      },
      エラー => {
        // リクエストタイムアウトif (error.message.includes('timeout')) { // リクエスト例外情報にタイムアウト文字列が含まれているかどうかを判断します Toast.error({ text: 'Webページリクエストがタイムアウトしました。更新してもう一度お試しください~' })
        }
        sentryCatchApi(エラー)
        Promise.reject(error) を返します。
      }
    ）

    // エラー メソッドが次のようにカプセル化されていると仮定します。 SentryCatchApiを見てみましょう
    エラー => {
      sentryCatchApi(エラー)
      Promise.reject(error) を返します。
    }
  // このメソッドはオブジェクトを受け取る必要がありますが、リクエストをキャンセルすると文字列が返され、エラーが報告されます。
  関数sentryCatchApi (res) {
      試す {
        解像度 = 解像度 || {}
        const resData = res.data || {}
        Sentry.captureException(JSON.stringify(resData))
        コンソール.log(`
          データの取得に失敗しました:
          トラブルシューティングを容易にするために、ブラウザで Webview のアドレスを開いて貼り付けてください: インターフェース関連情報:
          インターフェースアドレス: ${res.config.url},
          インターフェースの戻り値: コード: ${resData.code},
          メッセージ:${resData.message},
          データ:${JSON.stringify(resData.data)}
        `)
      } キャッチ (エラー) {
        コンソール.エラー(err)
      }
    }

   エラー => {
    if (axios.isCancel(error)) return console.log('リクエストはキャンセルされました', error.message)
    sentryCatchApi(エラー)
    Promise.reject(error) を返します。
  }