iframe에 구글페이지를 띄우는 방법(feat. Proxy Server)

• proxy server는 EC2 등에 서버를 설치해서 사용할 수 있다.

  • node.js(express.js) 등도 가능

• 만약 CORS에러에 막힌다면

  • proxy 서버를 경유해서 가져오는 방법을 사용

const PROXY = "https://cors-anywhere.herokuapp.com";

const [embedData, setEmbedData] = useState({});

const getData = async () => {
  const link = "something about link";
  const res = await fetch(`${PROXY}/${link}`);
  const data = await res.text();
  setEmbedData(data);
};

useEffect(() => {
  getData();
}, []);

return <iframe src={embedData} sandbox="allow-same-origin" />;