가져오기 메서드에 헤더를 추가한 후 발생하는 실행 전 요청을 해결하는 방법

아래 편집기에서는 가져오기 메서드에 헤더를 추가한 후 발생하는 실행 전 요청 문제에 대해 간략하게 설명합니다. 편집자님이 꽤 좋다고 생각하셔서 지금 공유하고 모두에게 참고용으로 드리고자 합니다. 에디터를 따라가서 살펴볼까요

오늘 fetch 메소드

fetch('xxx.com',{header:{bbbbbbb:111}})

를 사용하여 브라우저에서 반환한 요청 정보에서 헤더가

:authority:koss.nocorp.me
:method:OPTIONS
:path:/?a=1
:scheme:https
accept:*/*
accept-encoding:gzip, deflate, br
accept-language:zh-CN,zh;q=0.8
access-control-request-headers:bbbbbbbbbbb
access-control-request-method:GET
origin:http://localhost:3333
referer:http://localhost:3333/
user-agent:Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/60.0.3112.113 Safari/537.36

로 변경되었으며, Request Method는 요청도 변경되었습니다 OPTION이 되었습니다. 이상한 요청 헤더가 생성된 것인지 OPTION 메서드인지 이전에는 본 적이 없습니다.

이 요청은 다음과 같은 점에서 일반적인 개발 중에 전송된 요청과 다릅니다

1. 이 요청의 대상 웹사이트는 크로스 도메인 주소입니다

2. 이 요청은

을 얻을 수 없습니다. 브라우저에서 반환된 요청 정보의 필드 이름을 기반으로 쿼리합니다. 쿼리에 따르면

access-control-request-headers:bbbbbbbbbbb
access-control-request-method:GET

는 CORS 요청에서 가져오기 위해 사용되는 프리플라이트 헤더라고 합니다. 서버에 요청을 보낼 때 권한을 부여합니다. 서버의 응답은 주로 Response의 Access-Control-Allow-Origin 필드에 반영됩니다.

위 내용은 가져오기 메서드에 헤더를 추가한 후 발생하는 실행 전 요청을 해결하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!