Axios: インターセプターでプロミスチェーンを破る方法は？

作成日 2017年02月19日 · 3コメント · ソース: axios/axios

約束の連鎖を断ち切る方法は？

instance.interceptors.response.use((response) ->
    # my server returns {"status": "success", "data": ...}
    # or {"status": "fail", "data": ...}
    server_response = response.data
    if server_response.status == 'fail'
        alert(server_response.data)  # global alert when status == 'fail'
        # this will throw a "> Uncaught (in promise) ..."
        # how can i do to prevent/stop it enter into the next then()?
        # only when server_response.status == 'success' enter the `then` function
        return Promise.reject(response)

    # only status == 'success' will reach here:
    return response

# in my button actions
instance
    .post('accounts/login', account)
    .then (response) ->
        # if i don't use Promise.reject() in the interceptors,
        # everytime i will use a if:
        if response.data.status == 'success'
            doThings(response)

        # but i want this
        doThings(response)

角度で：
http://blog.zeit.io/stop-a-promise-chain-without-using-reject-with-angular-sq/

ブルーバードで：
http://openmymind.net/Cancelling-Long-Promise-Chains/

上記の例はthen()でチェーンを切断し、axiosはインターセプターでもチェーンを切断できます。

instance.interceptors.response.use((response) ->
    if someCondition(response)
        return null  # break the chain
    else
        return response

ソース

Shu-Ji

👍2

最も参考になるコメント

そうすることはお勧めしませんが、最終的に必要な場合は、インターセプターで解決できない約束を返すことができます。例えば：

instance.interceptors.response.use((response) => {
  if (someCondition(response) {
    return new Promise(() => {});
  }
  return response;
});

rubennorte 2017年04月02日

👍28 🎉7 😕1

全てのコメント3件

そうすることはお勧めしませんが、最終的に必要な場合は、インターセプターで解決できない約束を返すことができます。例えば：

instance.interceptors.response.use((response) => {
  if (someCondition(response) {
    return new Promise(() => {});
  }
  return response;
});

rubennorte 2017年04月02日

👍28 🎉7 😕1

解決も拒否もしないpromiseを使用するというアイデアは気に入らなかったので、bluebirdのキャンセルを使用して次のようなことを行うことにしました。

axios.interceptors.response.use(null, error => {
    let promise = new Promise(resolve, reject) => {
        setTimeout(() => {
            <code>
            promise.cancel()
        })
    })
    return promise
})

setTimeoutを使用すると、promiseがそれ自体を初期化できるため、インターセプターから適切なpromiseが返され、事後に.cancel()を呼び出すことができます。

sccovey 2019年07月29日

@rubennorteに返信：

そうすることはお勧めしませんが、最終的に必要な場合は、インターセプターで解決できない約束を返すことができます。例えば：
instance.interceptors.response.use((response) => {
  if (someCondition(response) {
    return new Promise(() => {});
  }
  return response;
});

https://stackoverflow.com/a/20068922

要するに、少なくとも最近のブラウザでは、外部からの参照がない限り、未解決の約束について心配する必要はありません。

verbart 2019年11月05日

このページは役に立ちましたか？

0 / 5 - 0 評価

Axios: インターセプターでプロミスチェーンを破る方法は？

最も参考になるコメント

全てのコメント3件

関連する問題