문의 시, 사용하시는 개발환경과 디벨로퍼스 앱ID를 알려주세요.
안녕하세요.
현재 spring boot + react 사용하여 (spring security) 카카오 소셜로그인 개발 구현 중에 있습니다.
해당 오류가 계속발생합니다. 도저히 어디가 문제인지를 모르겠습니다.
Access to XMLHttpRequest at ‘카카오계정’ (redirected from ‘http://localhost:8080/api/oauth/kakao?code=1FPGNqjL_ZkQMxf8fLDbfbKBxaUgrT7wIeoKJqNBq9r0bqk3eg9wV7zRYsdFWOJv3fzQ6AorDKgAAAGKz-qfxA’) from origin ‘http://localhost:3000’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource.
xhr.js:251 GET 카카오계정 net::ERR_FAILED 200 (OK)
<프론트엔드> 코드
import axios from ‘axios’;
import React, { useEffect, useState } from ‘react’;
import { useLocation, useHistory } from ‘react-router-dom’;
const Redirection = () => {
// 1. 인가 코드 받기
const code = new URL(window.location.href).searchParams.get(“code”);
//인가코드 백엔드로 넘기기
useEffect(()=>{
axios
.get(http://localhost:8080/api/oauth/kakao?code=${code})
.then((res)=> {
res.header(“Access-Control-Allow-Origin”, “*”)
console.log(res)
})
},[code]);
return (
login 중입니다…
);
}
export default Redirection;
