React Native：记录错误的响应

Question

如何在获取语句中记录错误响应？
我的代码看起来像这样：

eturn fetch('myurl.com', {
        method: 'GET',
        headers: {
            'Accept': 'application/json',
            'Content-Type': 'application/json',
        },
    }).then((response) => response.json())
        .then((responseData) => {
            console.log(responseData); // This logs nothing
        }).catch((error) => {
            console.log("Error " + error); // This logs something
        });

我的代码示例中的日志是 Error SyntaxError: JSON Parse error: Unrecognized token '<'。我认为这是因为 XDebug 发送了一些错误消息，但我完全不知道可能出了什么问题。看起来 Response 以 '<' 开头，所以我认为它是一个 html 标签。

是否可以显示此响应？这对发现我的错误非常有用。

Answer 1

尝试此操作并确保 url return 正确 json 格式：

    fetch(url)
        .then(res => res.json())
        .then(res => {
            this.setState({
                loading: false,
                data: res.data
            }, () => {
                console.log("log something")
            });
        })
        .catch(error => {
            console.log(error);
            this.setState({ loading:false, error });
        });

React Native：记录错误的响应

React Native: Log wrong responses

error-handling

xdebug

fetch

react-native