什麼是同源政策

在瀏覽器中,限制從某個來源載入之網頁的指令碼讀取其他來源資源內容的規則。來源是配置(scheme)、主機名稱、連接埠號碼的組合,三者全部相同時才視為同源。可防止惡意網頁的指令碼讀出使用者已登入之其他網站的資訊。載入影像或指令碼這類嵌入是允許的;需要讀取其他來源的回應時,要使用以伺服器許可為基礎的CORS。

日文名稱: 同一オリジンポリシー

「同源政策」出現在1領域的2道練習題中(Web技術基礎等)。

這個名詞所屬的領域: Web技術基礎

練習同源政策的題目

依瀏覽器的同源政策,被視為與 https://www.example.com/app/index.html 同源的URL為下列何者?

  1. Ahttps://www.example.com/data/list.json
  2. Bhttp://www.example.com/app/data.json
  3. Chttps://api.example.com/app/data.json
查看答案與解析

正確答案:A. https://www.example.com/data/list.json

來源由配置、主機名稱、連接埠號碼三者的組合決定,三者全部相同時才視為同源。路徑無關,因此 /data/list.json 是同源。依據同源政策,網頁的JavaScript原則上無法讀取從其他來源收到之回應的內容。這可防止惡意網頁的指令碼讀出使用者已登入之其他網站的資訊。

解析中的「同源政策」

出現「同源政策」的題目(2題)

  1. 依瀏覽器的同源政策,被視為與 https://www.example.com/app/index.html 同源的URL為下列何者?
  2. https://app.example.com 網頁的JavaScript,要使用fetch對 https://api.example.net/orders 送出附有Content-Type: application/json本文的POST請求。此時跨來源資源共用(CORS)的行為,下列何者正確?

相關名詞

連接埠號碼 跨來源資源共用(CORS) 反向代理 文件物件模型(DOM) 伺服器端算繪(SSR) 事件迴圈 Cookie HTTP(超文字傳輸協定) HTTP方法 HTTP狀態碼

前往名詞解釋列表