發布時間:2022-01-21 17:05:45來源:轉載
今天小編要跟大家分享的文章是關于Web前端中實現跨域的方法有哪些?正在從事Web前端工作的小伙伴們來和小編一起看一看本篇文章吧,希望能夠對大家有所幫助。
一、同源策略
同源策略是瀏覽器的一個安全功能,同源即協議、域名、端口三者相同。它限制了從一個源加載的文檔或腳本與另一個源進行數據交互,所以abc.com下的JS腳本請求xyz.com的數據會被拒絕。
注意:跨域限制訪問,其實是瀏覽器的同源策略限制。
二、跨域
當協議、域名、端口任意一個不同時,都算不同域。不同域之間相互請求資源,就算跨域。
注意:跨域并不是請求發不出去,請求能發出去,服務端能收到請求并正常返回結果,只是結果被瀏覽器攔截了。
三、跨域的幾種方法
(1)有三個標簽允許跨域加載資源
(2)JSONP
JSONP(JSON with Padding) 是 json 的一種"使用模式",可以讓網頁從別的域名獲取資料,即跨域讀取數據。
JSONP由兩部分組成:回調函數和數據。回調函數是當響應到來時在頁面調用的數據。數據則為傳入回調函數的JSON數據。
JSONP通過
雅思 托福 GRE SSAT SAT GMAT ACT 個人提升英語 英語四六級 多鄰國英語測試 詞庫 IB 英語口語 商務英語 公共英語 考研英語 青少兒英語 成人英語 A-Level 學生英語 初高中英語 OSSD AP課程 AEAS個性化定制課程 一級建造師 二級建造師 消防工程師 消防設施操作員 BIM 造價工程師 環評師 監理工程師 咨詢工程師 安全工程師 建筑八大員 公路水運檢測 通信工程 裝配式工程師 注冊電氣工程師 二級注冊建筑師 一級注冊建筑師 智慧消防工程師 智慧建造工程師 全過程工程咨詢師 EPC 碳排放管理師 ACCA CFA 注冊會計師 會計證 初中級經濟師 初級會計師 中級會計師 基金從業 證券從業 稅務師 薪稅師 企業合規師 會計就業實操 期貨從業 FRM CMA CQF 教師資格 人力資源管理 導游考試 心理咨詢師 健康管理師 社會工作師 普通話 育嬰員 物流師 家庭教育指導師 專利代理師 教師招聘 兒童專注力 兒童情緒管理 法律職業資格 少兒編程 書法培訓 國畫 茶藝 樂器音樂 舞蹈 棋類 機器人編程 戲曲培訓 信奧賽C++ 少兒小主播 口才培訓 籃球培訓 商務辦公 影視后期 剪輯包裝 游戲設計 游戲程序 UI設計 室內設計 photoshop CAD制圖 視覺設計 商業空間設計 平面設計