@同源策略 / 博客 RSS 訂閱

Jul 19 2019

linong - 前端培訓-中級階段（10）- 同源策略（2019-08-15期）

前端最基礎的就是 HTML+CSS+Javascript。掌握了這三門技術就算入門，但也僅僅是入門，現在前端開發的定義已經遠遠不止這些。前端小課堂（HTML/CSS/JS），本着提升技術水平，打牢基礎知識的中心思想，我們開課啦（每週四）。 同源策略是什麼？ 同源策略是瀏覽器的一個安全功能，不同源的數據禁止訪問。 所以 lilnong.top 下的 ajax 訪問 51vv.com 數據是會報

script , xmlhttprequest , 同源策略 , Ajax , Javascript

收藏 評論

Oct 27 2025

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

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

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

收藏 評論

Nov 04 2025

Steven - 在Chrome瀏覽器中，即使<img crossOrigin=anonymous>也會被同源策略攔截

在一次開發中，遇到了生成海報的需求：在圖片相冊界面用户選擇若干張圖片，在海報編輯界面用户通過拖動這些圖片生成一張海報，供用户下載。 在圖片相冊界面，圖片均展示正常且無報錯發生。當用户選擇若干張圖片之後，進入海報編輯界面前，添加cors屬性img crossOrigin=anonymous重新加載這些圖片，以便canvas處理這些圖片數據（圖片添加cors屬性原因）。神奇的是：所有的圖片均無法顯示，

chrome , cors , 同源策略 , img標籤 , 緩存

收藏 評論