iframe 으로 로드되는 브라우저에 쿠키를 어떻게 해야 집어넣을수 있을까요?

Question

그라파나 서버에서 세션을 받아와 해당 브라우저에서만 자동 로그인 되는 기능을 구현하려고 합니다.iframe으로 그냥 공유시에는 노출된 주소로 누구나 접근할 수 있기 때문에 로그인 기능을 활성화 시켜놨습니다.문제는... 아래처럼 코드를 작성시 저 코드가 존재하는 프로젝트 브라우저(localhost:3000)에만 쿠키가 할당 된다는 겁니다.저럴 경우 iframe을 호출할시 아래와 같이 로그인 창이 뜹니다.보시다 싶이 localhost:3001에는 grafana_session이 할당되지 않습니다.브라우저에서 수동으로 저 localhost:3001에 grafana_session과 세션값을 집어넣을 경우 아래 사진 같이 로그인이 되는걸 보니 세션 문제는 아닌거 같습니다.그런데... 저걸 리액트 코드적으로 구현할 방법을 찾지 못했습니다.iframe으로 호출한 주소의 쿠키에 세션을 집어넣을 방법을 아시는 분 계신가요?첫번째 사진과 같은 코드로는 localhost:3000의 쿠키에만 세션이 할당됩니다.그라파나 자체가 AGPL v3 라이센스 문제로 코드를 수정할수 없을 뿐더러 된다 하더라도 그럴 실력이 안됩니다...서버 자체가 docker에서 이미지파일을 돌리는 생소한 방식이고 라이센스에 저촉되지 않으려면 ini 파일만을 건드려야 되기에 거기서 직접 다른 방식을 사용하기는 힘들거 같고... 저 해당 그라파나 iframe 태그가 들어가는 리액트 프로젝트에서 쿠키를 넣어줄 방법이 없을까요?

아스키 · Accepted Answer

import { useEffect } from 'react';function ParentPage() { useEffect(() => { document.cookie = "session=12345; path=/" }, []); return (

iframe 으로 로드되는 브라우저에 쿠키를 어떻게 해야 집어넣을수 있을까요?

1개의 답변

#iframe 목록