errorSyntaxError: Unexpected token '<', "<!DOCTYPE "... is not valid JSON

🤷‍♀️ 오류의 의미

', "<!DOCTYPE "... is not valid JSON errorSyntaxError: Unexpected token '< 오류는 서버에서 JSON 응답을 기대했지만 HTML 응답이 반환되었을 때 발생하는 오류입니다.

🛠️ 해결

"Accept": "application/json" 헤더를 요청에 추가하니 해결되었습니다. " JSON 형식의 응답을 원한다"는 신호를 보내는 것입니다. 이 헤더는 서버가 반환할 응답 형식을 지정하는 역할을 합니다.

따라서, 서버에서 올바른 형식(JSON)을 반환하게 되어 오류가 해결된 것입니다.

➕ Axios를 사용하면 기본적으로 HTTP 요청을 보낼 때 Accept 헤더에 application/json 값이 자동으로 포함되어 있기 때문에, 별도로 이 값을 명시적으로 적지 않아도 됩니다.