句柄响应-SyntaxError：使用模式时输入的意外结束：“no-cors”

Question

我尝试过对REST-API进行ReactJS提取调用，并希望处理响应。调用成功后，我得到了一个响应，我可以在ChromeDev工具中看到：

function getAllCourses() {fetch('http://localhost:8080/course', {
    method: 'POST',
    mode: 'no-cors',
    credentials: 'same-origin',
    headers: {
        'Accept': 'application/json',
        'Content-Type': 'application/json',
    },
    body: JSON.stringify({
        objectClass: 'course',
        crud: '2'
    })}).then(function (response) {
    console.log(response);
    return response.json();}).catch(function (err) {
    console.log(err)});}

当我试图处理响应时，我得到了一个“SyntaxError：意外的输入结束”

return response.json();

我的响应JSON看起来是这样的，它是有效的，我用jsonlint检查了它：

[
  {
    "0x1": {
      "users": [],
      "lectures": [],
      "owner": "0x2",
      "title": "WWI 14 SEA",
      "description": null,
      "objectClass": "course",
      "id": "course_00001"
    },
    "0x2": {
      "username": "system",
      "lectures": [],
      "course": null,
      "solutions": [],
      "exercises": [],
      "roles": [
        "0x3",
        "0x4",
        "0x5"
      ],
      "objectClass": "user",
      "id": "user_00001"
    },
    "0x3": {
      "roleName": "ROLE_ADMIN",
      "objectClass": "role",
      "id": "role_00001"
    },
    "0x4": {
      "roleName": "ROLE_STUDENT",
      "objectClass": "role",
      "id": "role_00002"
    },
    "0x5": {
      "roleName": "ROLE_DOCENT",
      "objectClass": "role",
      "id": "role_00003"
    }
  }]

Answer 1

在你的then在返回之前，您应该检查响应是否正常。response.json:.then(function (response) {     if (!response.ok) {         return Promise.reject('some reason');     }     return response.json();})如果希望在被拒绝的承诺中包含错误消息，可以执行以下操作：.then(function (response) {     if (!response.ok) {        return response.text().then(result => Promise.reject(new Error(result)));     }     return response.json();})