@iframe跨域 / 博客 RSS 訂閱

May 25 2023

京東雲開發者 - Iframe在Vue中的狀態保持技術 | 京東雲技術團隊

引言 Iframe是一個歷史悠久的HTML元素，根據MDN WEB DOCS官方介紹，Iframe定義為HTML內聯框架元素，表示嵌套的Browsing Context，它能夠將另一個HTML頁面嵌入到當前頁面中。Iframe可以廉價實現跨應用級的頁面共享，並且具有使用簡單、高兼容性、內容隔離等優點，因此以Iframe為核心形成了前端平台架構領域第1代技術。 眾所周知，當Iframe在DOM中初

iframe , vue.js , iframe跨域 , HTML , html5

收藏 評論

Aug 14 2020

陳其文 - chrome iframe cookies設置失敗

前言 新版Chrome增加了一個功能 SameSite，可以禁止iframe設置cookies。 如果我們在iframe中需要登錄驗證，那就比較麻煩。可以通過禁用這個功能解決。 例子 瀏覽器控制枱提示： A cookie associated with a cross-site resource at http://58.211.78.91/ was set without the `SameSi

chrome , iframe跨域 , cookies

收藏 評論

Nov 06 2025

那年 - vue項目，同一個站點兩個域名，解決跨域登陸問題（vue+ifram+postmessage）

項目需求： 一個項目兩個域名其中a.com域名，嵌套了b.com域名 當進入b頁面的時候就要切換到b.com域名，同時需要保持在a域名下的登陸狀態 解決：使用ifram + postMessage 主頁面 a域名 a域名下要協商ifram 標籤 iframe id="child" ref="iframBox" src="http://127.0.0.1:8082/#/mediatio

vue.js , iframe跨域 , postmessage , 跨域

收藏 評論

Nov 06 2025

mosquito - iframe跨域的幾種常用方法

在開發日常中，會遇到使用iframe嵌套其他頁面，想要與嵌套頁面進行交互，常常會涉及到跨域問題，何為跨域？這涉及到同源策略，即協議、端口、域名相同則為同源 違反了同源策略就會出現跨域問題，主要表現為以下三方面： 1.無法讀取cookie、localStorage、indexDB 2.DOM無法獲得 3.ajax請求無法發送 解決方法 一、設置domain 前提條件：這兩個域名必須

iframe , vue.js , iframe跨域 , postmessage , 前端

收藏 評論