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

나는 결코 해결되거나 거부되지 않는 약속을 사용하는 아이디어가 마음에 들지 않았기 때문에 다음과 같이 하기 위해 블루버드의 취소를 사용하기로 결정했습니다.

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

setTimeout은 적절한 약속이 여전히 인터셉터에서 반환되고 사실 이후에 .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 댓글

관련 문제