javascript - Curl 返回正确的响应，浏览器返回 null

Question

这是问题，curl正在返回正确的响应 curl -i -H "Accept: application/json" -H "Content-Type: application/json" -X GET http://localhost:8080/rbuilder HTTP/1.1 200 OK Content-Length: 1067 {"rScriptName":"CollegePlan"," .............}

但是，使用 ReactJS，浏览器返回空。

componentWillMount() { fetch('http://localhost:8080/rbuilder', { method: 'GET', mode: 'no-cors', processData: false, contentType: "application/json", cache: false, accept: "application/json" }).then((res) => { console.log('GET response', res); }, (err) => { console.log(err); }); }

但是，我注意到，在“网络”选项卡中，rbuilder在时间线中出现两次，第二次有正确的“响应”。 我的 fetch 有什么问题？

Answer 1

您缺少一步。

为了获取响应正文，您必须根据需要使用其中一种方法

response.text() - 生成字符串形式的响应文本

response.json() - 产生 JSON.parse(responseText) 的结果

response.blob() - 产生一个 Blob

response.arrayBuffer() - 产生一个 ArrayBuffer

response.formData() - 生成可以转发到另一个请求的 FormData

假设你想要一个 json，你应该这样做

componentWillMount() {
    fetch('http://localhost:8080/rbuilder', {
      method: 'GET',
      mode: 'no-cors',
      processData: false,
      contentType: "application/json",
      cache: false,
      accept: "application/json"
    })
    .then((res) => {
      return res.json();
    })
    .then((body) => {
         console.log(body);
    })
    .catch((error) => {
        //whatever
    });
}

fetch documentation