1

我正在使用isomorphic-fetch从我的react-redux应用程序执行 AJAX 请求。在我的 api 中间件中，我有以下调用外部资源的函数：

import fetch from 'isomorphic-fetch';

function callApi({ endpoint, method, body, params = {} }) {
    let route = generateRoute(endpoint, params);
    return fetch(route, generateFetchOptions(method, body))
        .then(response =>  {
            if (!response.ok) {
                return Promise.reject(response);
            }

            return response.json();
        });
}

上述函数由以下代码调用：

return callApi(callAPI).then(
    response => next(actionWith({
        response,
        type: successType,
        statusCode: 200
    })),
    error => error.json().then(errorObject => {
        return next(actionWith({
            type: failureType,
            statusCode: errorObject.statusCode,
            error: errorObject.message || 'Something bad happened'
        }));
    })
);

如果我拒绝Promise.reject(response)错误处理程序正在处理错误，但由于某种原因，错误也会冒泡到浏览器控制台（在我的情况下为 Chrome）。

这是控制台的屏幕截图，显示了正在发生的事情（api.js:34是callApi方法的第二行）：

控制台日志

4

1 回答 1

2

这是在 HTTP 请求期间遇到错误时的常见行为（可能在每个浏览器中？）（无论是否找不到链接的图像，或者 XHR 失败）。无论您是否以及如何处理这些错误，它们都将始终记录到控制台。没有办法抑制这种行为。

参考：

于 2017-01-01T15:03:00.150 回答