오류 : 프리 플라이트 요청에 대한 응답이 액세스 제어 검사를 통과하지 못했습니다. 요청한 리소스에 'Access-Control-Allow-Origin'헤더가 있습니다.

Question

나는 액시스를 통해 s3 서버를 요청하고 Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.을 받았습니다. 내가 가지고있어 OPTIONS https://s3.ap-northeast-2.amazonaws.com/.../... 403 (Forbidden)

나는이 문제를 클라이언트 측에서 해결해야한다. 내 로컬 컴퓨터에서 파일을 호스팅하고 있습니다. 내 요청 코드는 다음과 같습니다.

axios({ 
    url: 'https://s3.ap-northeast-2.amazonaws.com/.../...', 
    method: 'get', 
    withCredentials: true, 
    headers: { 
    'Content-Type': 'image/jpeg', 
    'Access-Control-Allow-Origin': 'http://*, https://*', 
    } 

은}) 나는 자식에게

설치된 크롬 플러그인을 사용하여

1. start chrome --disable-web-security
   을 시도 - 허용 - 제어 - 허용 - 원산지 : *

아무 일하지를 .. 이 문제를 어떻게 해결할 수 있습니까?

Answer 1

Access-Control-Allow-Origin는 응답 헤더 아닌 요청 헤더이다. 이 문제는 다른 쪽에서 문제가되므로 로컬로 수정할 수 없습니다.

액세스하려는 S3 버킷에 CORS (Cross Origin Resource Sharing)가 활성화되고 구성되어 있어야합니다. 액세스 제어 - 허용 - 원산지 헤더를 보내 // s3.ap-northeast-2.amazonaws.com/...`:

http://docs.aws.amazon.com/AmazonS3/latest/dev/cors.html