[TIL] 2023/11/28

Today I Learned

Iframe 캐싱

• iframe url을 서버로부터 받아오는 로직이 있었는데, 그 url이 결국 해당 page의 id 값을 통해ㅔ 만들어진 값이라 url 의 내용이 바뀌어도 url 자체는 변하지 않는 값이었다. 따라서, url의 내용(index.html의 내용물)이 바뀌었어도 url은 그대로였기 때문에 자체적으로 캐싱을 하는 문제가 생겼다. 따라서,

"//" + `${data.url}?preventCache=${Date.now().getTime()}`

이런식으로 해결해줬다.

• 혹은 서버단에서 cache 정책을 설정해주면 해결 가능하다.
• sandbox attribute를 이용하는 방법도 있는데 이건 좀더 자세히 알아보고 써야할 것 같다. https://web.dev/articles/sandboxed-iframes?hl=ko