javascript - 为什么我在浏览器控制台和网络选项卡中收到两种不同的响应

Question

我正在从 script.js 文件进行 API 调用。当我向聊天机器人发送消息时，它在检查->控制台和检查->网络选项卡中给出了两种不同的响应。

Network tab

Console tab

script.js

fetch(`${url}/conversations/default/respond`, {
        mode: 'no-cors',
        method: 'POST',
        // dataType:'jsonp',
        body: JSON.stringify(data),
        headers: {
          'Content-Type': 'application/json',
        },
    })
        .then(function (response) {
            console.log("RESPONSE",response);
            if (response) {
                for (let response of response) {
                console.log(response.text);
                    createResponder(response.text);
            }
            } else {
                createResponder("Sorry, I'm having trouble understanding you, try asking me in an other way")
            }
        })
        .catch(function (err) {
            //console.log("DIFF",err);
            document.getElementById('typing').style.display = "none";
            createResponder("I'm having some technical issues. Try again later :)");
        });

Answer 1

网络选项卡包含请求生命周期的所有数据、其开始、响应状态、 header 、数据等...

关于这部分:

.then(function (response) {
            console.log("RESPONSE",response);
            if (response) {
                for (let response of response) {
                console.log(response.text);
                    createResponder(response.text);
            }
            } else {
                createResponder("Sorry, I'm having trouble understanding you, try asking me in an other way")
            }
        })

您正在控制台记录 xhr 对象本身，这就是为什么您的控制台包含“请求”数据而不是您的 json 数据，我猜您正在期待这一点。

继续阅读this并注意“响应对象”部分