겉보기에 올바른 JSON 응답임에도 불구하고 내 React 앱에서 '예기치 않은 토큰 < 위치 0의 JSON' 오류가 발생하는 이유는 무엇입니까?

"_SyntaxError: Unexpected token < in JSON at position 0_"

Facebook과 같은 피드를 제공하는 React 앱에서 수수께끼 같은 오류가 발생했습니다: "Feed.js:94 정의되지 않은 'parsererror' 'SyntaxError: JSON의 위치 0'에 예기치 않은 토큰이 있습니다. 이 오류는 일반적으로 Google Chrome이 HTML을 JSON으로 구문 분석하려고 할 때 발생하며, JSON 콘텐츠 유형을 할당했음에도 불구하고 서버의 응답에 실제로 HTML이 포함될 수 있다는 의혹을 불러일으킵니다.

이 문제를 더 자세히 조사하려면 Chrome의 개발자 도구와 REST 클라이언트를 사용하는 서버의 출력이며 JSON 형식을 준수하는 것으로 보입니다. 그러나 중요한 세부 사항은 그렇지 않다는 것을 암시합니다. React는 의도한 API("http://localhost:3001/api/threads") 대신 설명할 수 없을 정도로 다른 엔드포인트("http://localhost:3000/?_=1463499798727")를 폴링하고 있습니다. ).

처음에는 이러한 차이를 의심하지 않았으며 오타와 최근 수정된 코드를 가능성으로 배제했습니다. 범인. 그러나 의도하지 않은 변경으로 인해 React의 폴링 동작이 변경되어 잘못된 위치에서 데이터를 검색하게 되었을 가능성이 있습니다.

문제를 해결하려면 다음을 고려할 수 있습니다.

• 웹팩 구성 및 핫 리로드 서버 설정이 올바른 백엔드 주소를 가리키고 있는지 확인하세요.
• 확인 중 Express 앱이 포트 3001에서 수신 대기하고 API 요청을 예상대로 처리하고 있는지 확인하세요.
• console.warn(xhr.responseText)와 같은 추가 로깅 문을 포함하여 서버 응답에 대한 추가 정보를 얻을 수 있습니다. 이렇게 하면 의도한 JSON 대신 HTML 응답의 근본 원인이 드러날 수 있습니다.

위 내용은 겉보기에 올바른 JSON 응답임에도 불구하고 내 React 앱에서 '예기치 않은 토큰 < 위치 0의 JSON' 오류가 발생하는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!