tag 跨域

標籤
貢獻30
87
02:09 AM · Oct 27 ,2025
tosmile 頭像 u_16164933 頭像 finally_m 頭像 jdcdevloper 頭像 clearlove07 頭像 hzc 頭像 u_16099345 頭像 gongzhengyang 頭像 front_yue 頭像 dadehouzi 頭像 even_5ac21d3322069 頭像 xc_xiang 頭像

@跨域 / 博客 RSS 訂閱

front_yue 頭像

Front_Yue - 深入探究跨域請求及其解決方案

前言 隨着互聯網的發展，越來越多的網站和應用程序涌現出來，但是在這些網站和應用程序之間進行數據交互時，會遇到一些問題，其中最常見的問題就是跨域請求。本文將深入探究跨域請求的定義、原因以及解決方案。 正文內容 一、什麼是跨域請求 跨域請求是指在一個域名下的網頁請求另一個域名下的資源，這樣的請求被稱為跨域請求。例如，當我們在一個網站上點擊一個鏈接或者提交一個表單時，瀏覽器會向服務器發送請求，如果這個請

跨域 , Javascript

收藏 評論

ifat3 頭像

毛瑞 - 利用window.postMessage()實現跨域消息傳遞（JavaScript）

説明 window.postMessage()方法可以安全地實現Window對象之間的跨域通信。例如，在一個頁面和它生成的彈出窗口之間，或者是頁面和嵌入其中的iframe之間。 通常情況下，不同頁面上的腳本允許彼此訪問，當且僅當它們源自的頁面共享相同的協議，端口號和主機（也稱為“同源策略”）。window.postMessage()提供了一個受控的機制來安全地規避這個限制（如果使用得當的話）。 一

postmessage , 跨域 , Javascript

收藏 評論

even_5ac21d3322069 頭像

Even - IFrame跨域通訊的幾種方法

在項目中遇到頁面中嵌入IFrame（主頁面和框架頁為不同域名）時，由於同源策略，主頁面和IFrame內頁無法通訊的問題。 同源策略是一個很重要的安全理念，它在保證數據的安全性方面有着重要的意義。同源策略規定跨域之間的腳本是隔離的，一個域的腳本不能訪問和操作另外一個域的絕大部分屬性和方法。那怎樣是相同的域呢？當兩個域具有相同的協議(如http), 相同的端口(如80)，相同的host（如www.ex

iframe , postmessage , 跨域

收藏 評論

clearlove07 頭像

Clearlove - 小記：Nginx代理axios請求及注意事項

近期寫個小demo，因為用到某大廠的在線數據，接口做了跨域限制，所以利用Nginx代理來解決這些問題。 1. nginx.conf 配置信息 由於nginx.conf配置信息較多，本篇只關注跟axios和靜態資源請求設置，順便也將常見的一些配置項備註一下。具體設置如下： # 設定http服務器，利用它的反向代理功能提供負載均衡支持 http { #連接超時時間 keepalive_time

HTTP , proxy-pass , Axios , Nginx , 跨域

收藏 評論

xc_xiang 頭像

Alan - 跨域方案總結

平時在開發中總是會遇到各種跨域問題，一直沒有很好地瞭解其中的原理，以及其各種實現方案。今天在這好好總結一下。 本文完整的源代碼請猛戳github博客，建議大家動手敲敲代碼。 1、什麼是跨域？為什麼會有跨域？ 一般來説，當一個請求url的協議、域名、端口三者之間任意一個與當前頁面地址不同即為跨域。 之所以會跨域，是因為受到了同源策略的限制，同源策略要求源相同才能正常進行通信，即協議、域名、端口

cors , postmessage , 跨域 , 前端

收藏 評論

tosmile 頭像

浪遏飛舟 - 如何解決跨域問題

1、jsonp jsonp解決跨域問題的本質：script標籤可以請求不同域名下的資源，即script請求不受瀏覽器同源策略影響。 !DOCTYPE html html lang="en" head meta charset="UTF-8" meta name="viewport" content="width=device-width, initial-scale=1.0" titl

cors , postmessage , Nginx , 跨域

收藏 評論

tosmile 頭像

浪遏飛舟 - 如何解決跨域問題

1、jsonp jsonp解決跨域問題的本質：script標籤可以請求不同域名下的資源，即script請求不受瀏覽器同源策略影響。 !DOCTYPE html html lang="en" head meta charset="UTF-8" meta name="viewport" content="width=device-width, initial-scale=1.0" titl

cors , postmessage , Nginx , 跨域

收藏 評論

nanian_5cd6881d3cc98 頭像

那年 - 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 , 跨域

收藏 評論

huaweiclouddeveloper 頭像

華為雲開發者聯盟 - 瀏覽器同源策略，聽説過麼？

摘要：同源策略就是指必須在同一個協議，域名，端口號下，而且三者必須一致的。 本文會從以下幾個方面講述同源策略： 第一點 what：什麼是同源策略 第二點 why：為什麼需要同源策略 第三點 how：如何解決經典的跨域問題 什麼是同源策略 什麼是同源策略呢？通常一個概念出來之後，我會從生活的實際例子找到解析，你可以想象一下，假如你們家的房子，是不是不允許陌生人進入，如果可以隨便進入，那麼久有可能被盜

cors , 瀏覽器 , 同源策略 , 跨域 , Jsonp

收藏 評論

_5bf4c360ce464 頭像

痞痞鰕 - 談談跨域那些事

瀏覽器中的HTTP請求 XMLHttpRequest XHR對象用於與服務器交互。通過XMLHttpRequest可以在不刷新頁面的情況下請求特定URL，獲取數據。 XMLHttpRequest在AJAX編程中被大量使用。 MDN文檔 Fetch Fetch API提供了一個獲取資源的接口（包括跨域請求） MDN文檔 AJAX Asynchronous JavaScript And XML，

cors , HTTP , Ajax , 跨域 , Jsonp

收藏 評論

vleedesigntheory 頭像

維李設論 - postMessage踩坑實踐

前言 在低代碼編輯器中進行頁面預覽常常不得不用到iframe進行外鏈的url引入，這就涉及到了預覽頁面與編輯器頁面數據通信傳值的問題，常常用到的方案就是postMessage傳值，而postMessage本身在eventloop中也是一個宏任務，就會涉及到瀏覽器消息隊列處理的問題，本文旨在針對項目中的postMessage的相關踩坑實踐進行總結，也為想要使用postMessage傳遞數據的童鞋提供

iframe , 編輯器 , 低代碼 , postmessage , 跨域

收藏 評論