> 웹 프론트엔드 > JS 튜토리얼 > ## 불투명한 응답을 예상했음에도 불구하고 \'no-cors\' 모드에서 fetch API를 사용할 때 SyntaxError가 발생하는 이유는 무엇입니까?

## 불투명한 응답을 예상했음에도 불구하고 \'no-cors\' 모드에서 fetch API를 사용할 때 SyntaxError가 발생하는 이유는 무엇입니까?

Linda Hamilton
풀어 주다: 2024-10-25 22:44:29
원래의
603명이 탐색했습니다.

## Why am I getting a SyntaxError when using fetch API with 'no-cors' mode despite expecting an opaque response?

불분명한 응답 예상에도 불구하고 'no-cors' 모드에서 API 가져오기 오류

문제: 모드가 설정된 API를 가져오려는 시도 'no-cors'를 사용하면 response.json()에 대한 응답으로 SyntaxError가 발생합니다.

설명:

'no-cors'와 함께 fetch API를 사용하는 경우 모드에서는 브라우저가 CORS 권한이 필요한 모든 요청을 자동으로 실패합니다. 가져오기 작업이 불투명한 응답(해당 내용에 액세스할 수 없음을 의미)을 반환하기 때문에 "예기치 않은 입력 끝" 오류 메시지가 발생합니다.

해결책:

" 불투명한 응답이 요구 사항을 충족하는 경우"는 서버가 요청에 CORS 권한을 부여하지 않음을 나타냅니다. 문제를 해결하려면 다음을 수행해야 합니다.

  • 'no-cors' 모드를 제거합니다. 모드를 'cors'로 설정하거나 완전히 생략합니다.
  • CORS 권한을 부여하도록 서버를 구성합니다. 서버의 응답에 적절한 CORS 헤더를 추가합니다(예: 모든 원본에 대해 'Access-Control-Allow-Origin: *' 또는 'Access-Control-Allow-Origin: https) 특정 출처의 경우 ://mysite.com'을 참조하세요.

추가 참고:

CORS(Cross-Origin Resource Sharing)는 교차 사이트 스크립팅( XSS)는 다른 출처의 리소스에 대한 무단 액세스를 방지하여 공격합니다. CORS 권한 부여는 보안 유지를 위해 신중하게 이루어져야 합니다.

참조:

  • [CORS 일반](https://stackoverflow.com/questions/ 6359744/what-is-cross-origin-resource-sharing-cors)

위 내용은 ## 불투명한 응답을 예상했음에도 불구하고 'no-cors' 모드에서 fetch API를 사용할 때 SyntaxError가 발생하는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿