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" />;