Почему я получаю два разных ответа в консоли браузера и на вкладке сети

Question

Я делаю вызов API из моего файла script.js. когда я отправляю сообщение в чат-бот, он дает мне два разных ответа в Inspect-> console и Inspect-> 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

Вкладка сети содержит все данные о сроке действия запроса, его запуске, статусе ответа, заголовках, данных и т. Д. И т. Д. *

На этой части:

.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, что, я полагаю, вы ожидаете.

Продолжайте читать это и обратите внимание на раздел "Объекты ответа"