[JavaScript] Uncaught (in promise) SyntaxError: Unexpected token < in JSON at position 4

자바스크립트 에러 확인

in promise : fetch 구문에서 응답인 promise 쪽에서 에러 난 것

Unexpected token < in JSON : 대상을 JSON으로 파싱 중 < 를 발견, 즉 대상이 제대로 된 JSON 형식이 아니란 소리

 

에러난 api 호출 코드(fetch)

fetch("https://test.com:8080/api/test", {
    method: "POST",
    credentials: "include",
    headers: {
      "Content-Type": "application/json",
    },
    redirect: "follow",
    referrer: "no-referrer",
    body: JSON.stringify(obj),
  })
    .then((response) => response.json())
    .then(function (res) {
    });

응답을 처리하는 response.json()에서 에러가 났다. response가 json 형태가 아닌가보다.

response.json() : 응답을 JSON 형태로 파싱함

 

response를 확인해보자

F12 > Network > api 재요청(새로고침) > api 이름 선택 > Response 확인

Response가 json 형태가 아니다.

그래서 에러남.

응답이 잘 오도록 코드 수정. . .