Uncaught (in promise) SyntaxError: Unexpected token 'l', "localhost:"... is not valid JSON

배경

단축 URL UI TEST를 하던 중,

이와 같은 오류를 발견했다.

fetch 요청을 통해서 JSON Post 요청을 보내고, 이를 JSON으로 받은 후, console에 받은 JSON data를 print 하도록 구현한 후, test를 진행하고 있었다.

원인

1. Uncaught (in promise) 라는 것은, fetch 요청을 하면 promise 형태로 리턴이 오게 되는데, 이 return, 즉 response 가 잘못된 형식으로 왔다는 것이다.

2. is not valid JSON 이라함은 유효한 JSON 데이터가 아니라는 것이다.

즉 유효하지 않은 JSON 형식으로 response가 왔다는 것이고, 위와 같이 내가 그냥 String으로만 리턴하도록 해주고 있었다.

ApiResponse 형식을 통해서 JSON을 보내주도록 백엔드 코드를 수정해주었다.