카카오 프로필 이미지 가져와서 파일 객체로 변환

REST API
1

카카오 로그인 인증 후 사용자 카카오 프로필 정보를 가져와서 파일 객체로 변환하려는데
파일 객체로 변환하는과정에서 fetch 부분에서
Access to fetch at ‘http://k.kakaocdn.net/dn/dpk9l1/~~~~.jpg’ from origin ‘ip’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource. If an opaque response serves your needs, set the request’s mode to ‘no-cors’ to fetch the resource with CORS disabled.

이런식으로 CORS 에러가 나더라구요… 어떤식으로 조취를 취해줘야 할까요?

2

안녕하세요.

CORS에러는 일반적으로 브라우저의 비동기통신 기능 XMLHttpRequest를 사용해서 허가되지 않은 다른도메인에 요청하는 경우 발생하는데요.

CORS(Cross-Origin Resource Sharing) 에러에 관해

어떤식으로 구현하셨는지 알지 못하여 안내가 어렵습니다.

앱ID와 관련 코드블럭 기재 부탁드려요.

3

앱 ID: 861334

export const convertURLtoFile = async (url: string) => {
const response = await fetch(url);
const data = await response.blob();
…
};

프론트에서 해당 함수 인자값으로 카카오 cdn 경로를 넣으면 CORS 에러가 발생합니다.

4

네, 프론트에서는 처리할 수 없습니다.

백엔드에서 처리부탁드려요.

5

네 감사합니다.

1개의 좋아요