成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

CORS

noONE / 3386人閱讀

摘要：服務(wù)器根據(jù)這個(gè)值，決定是否同意這次請(qǐng)求。如果指定的源，不在許可范圍內(nèi)，服務(wù)器會(huì)返回一個(gè)正常的回應(yīng)。注意，這種錯(cuò)誤無(wú)法通過(guò)狀態(tài)碼識(shí)別，因?yàn)榛貞?yīng)的狀態(tài)碼有可能是。如果指定的域名在許可范圍內(nèi)，服務(wù)器返回的響應(yīng)，會(huì)多出幾個(gè)頭信息字段。

CORS 跨域資源共享 Cross-origin resource sharing

整個(gè)CORS通信過(guò)程，都是瀏覽器自動(dòng)完成，不需要用戶參與。對(duì)于開發(fā)者來(lái)說(shuō)，CORS通信與同源的AJAX通信沒有差別，代碼完全一樣。瀏覽器一旦發(fā)現(xiàn)AJAX請(qǐng)求跨源，就會(huì)自動(dòng)添加一些附加的頭信息，有時(shí)還會(huì)多出一次附加的請(qǐng)求，但用戶不會(huì)有感覺。

因此，實(shí)現(xiàn)CORS通信的關(guān)鍵是服務(wù)器。只要服務(wù)器實(shí)現(xiàn)了CORS接口，就可以跨源通信。

瀏覽器將CORS請(qǐng)求分成兩類：簡(jiǎn)單請(qǐng)求（simple request）和非簡(jiǎn)單請(qǐng)求（not-so-simple request）。

只要同時(shí)滿足以下兩大條件，就屬于簡(jiǎn)單請(qǐng)求。

（1) 請(qǐng)求方法是以下三種方法之一：
    HEAD
    GET
    POST
（2）HTTP的頭信息不超出以下幾種字段：
    Accept
    Accept-Language
    Content-Language
    Last-Event-ID
    Content-Type：只限于三個(gè)值application/x-www-form-urlencoded、multipart/form-data、text/plain

凡是不同時(shí)滿足上面兩個(gè)條件，就屬于非簡(jiǎn)單請(qǐng)求。

簡(jiǎn)單請(qǐng)求

對(duì)于簡(jiǎn)單請(qǐng)求，瀏覽器直接發(fā)出CORS請(qǐng)求。具體來(lái)說(shuō)，就是在頭信息之中，增加一個(gè)Origin字段。

下面是一個(gè)例子，瀏覽器發(fā)現(xiàn)這次跨源AJAX請(qǐng)求是簡(jiǎn)單請(qǐng)求，就自動(dòng)在頭信息之中，添加一個(gè)Origin字段。

GET /cors HTTP/1.1
Origin: http://api.bob.com
Host: api.alice.com
Accept-Language: en-US
Connection: keep-alive
User-Agent: Mozilla/5.0...

上面的頭信息中，Origin字段用來(lái)說(shuō)明，本次請(qǐng)求來(lái)自哪個(gè)源（協(xié)議 + 域名 + 端口）。服務(wù)器根據(jù)這個(gè)值，決定是否同意這次請(qǐng)求。

如果Origin指定的源，不在許可范圍內(nèi)，服務(wù)器會(huì)返回一個(gè)正常的HTTP回應(yīng)。瀏覽器發(fā)現(xiàn)，這個(gè)回應(yīng)的頭信息沒有包含Access-Control-Allow-Origin字段（詳見下文），就知道出錯(cuò)了，從而拋出一個(gè)錯(cuò)誤，被XMLHttpRequest的onerror回調(diào)函數(shù)捕獲。注意，這種錯(cuò)誤無(wú)法通過(guò)狀態(tài)碼識(shí)別，因?yàn)镠TTP回應(yīng)的狀態(tài)碼有可能是200。

如果Origin指定的域名在許可范圍內(nèi)，服務(wù)器返回的響應(yīng)，會(huì)多出幾個(gè)頭信息字段。

Access-Control-Allow-Origin: http://api.bob.com
Access-Control-Allow-Credentials: true
Access-Control-Expose-Headers: FooBar
Content-Type: text/html; charset=utf-8

（1）Access-Control-Allow-Origin
該字段是必須的。它的值要么是請(qǐng)求時(shí)Origin字段的值，要么是一個(gè)*，表示接受任意域名的請(qǐng)求。

（2）Access-Control-Allow-Credentials
該字段可選。它的值是一個(gè)布爾值，表示是否允許發(fā)送Cookie。默認(rèn)情況下，Cookie不包括在CORS請(qǐng)求之中。設(shè)為true，即表示服務(wù)器明確許可，Cookie可以包含在請(qǐng)求中，一起發(fā)給服務(wù)器。這個(gè)值也只能設(shè)為true，如果服務(wù)器不要瀏覽器發(fā)送Cookie，刪除該字段即可。

（3）Access-Control-Expose-Headers
該字段可選。CORS請(qǐng)求時(shí)，XMLHttpRequest對(duì)象的getResponseHeader()方法只能拿到6個(gè)基本字段：Cache-Control、Content-Language、Content-Type、Expires、Last-Modified、Pragma。如果想拿到其他字段，就必須在Access-Control-Expose-Headers里面指定。上面的例子指定，getResponseHeader("FooBar")可以返回FooBar字段的值。

withCredentials 屬性

上面說(shuō)到，CORS請(qǐng)求默認(rèn)不發(fā)送Cookie和HTTP認(rèn)證信息。如果要把Cookie發(fā)到服務(wù)器，一方面要服務(wù)器同意，指定Access-Control-Allow-Credentials字段。

Access-Control-Allow-Credentials: true

另一方面，開發(fā)者必須在AJAX請(qǐng)求中打開withCredentials屬性。

var xhr = new XMLHttpRequest();
xhr.withCredentials = true;

否則，即使服務(wù)器同意發(fā)送Cookie，瀏覽器也不會(huì)發(fā)送。或者，服務(wù)器要求設(shè)置Cookie，瀏覽器也不會(huì)處理。

但是，如果省略withCredentials設(shè)置，有的瀏覽器還是會(huì)一起發(fā)送Cookie。這時(shí)，可以顯式關(guān)閉withCredentials。

xhr.withCredentials = false;

需要注意的是，如果要發(fā)送Cookie，Access-Control-Allow-Origin就不能設(shè)為星號(hào)，必須指定明確的、與請(qǐng)求網(wǎng)頁(yè)一致的域名。同時(shí)，Cookie依然遵循同源政策，只有用服務(wù)器域名設(shè)置的Cookie才會(huì)上傳，其他域名的Cookie并不會(huì)上傳，且（跨源）原網(wǎng)頁(yè)代碼中的document.cookie也無(wú)法讀取服務(wù)器域名下的Cookie。

（只看簡(jiǎn)單請(qǐng)求了）

JSONP只支持GET請(qǐng)求，CORS支持所有類型的HTTP請(qǐng)求。JSONP的優(yōu)勢(shì)在于支持老式瀏覽器，以及可以向不支持CORS的網(wǎng)站請(qǐng)求數(shù)據(jù)。

整理自跨域資源共享 CORS 詳解-峰哥

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/83149.html

相關(guān)文章

  • Yii支持多域名cors原理

    摘要：說(shuō)明測(cè)試使用的接口域名，多域名為和。設(shè)置多域名嘗試直接通過(guò)的模塊追加值實(shí)現(xiàn)，如下接口請(qǐng)求和響應(yīng)頭如下當(dāng)前域?yàn)?，需跨域?qǐng)求的資源。故通過(guò)該方法不能設(shè)置多域名進(jìn)行。 首發(fā)于 樊浩柏科學(xué)院 平常我們遇到跨域問(wèn)題時(shí)，常使用 cors（Cross-origin resource sharin）方式解決。不知你是否注意到，在設(shè)置響應(yīng)頭 Access-Control-Allow-Origin 域的...

    Darkgel 評(píng)論0 收藏0

  • 「新輪子」PHP CORS (Cross-origin resource sharing)，解決 P

    摘要：而我的新輪子也并不是專門解決它的問(wèn)題的，而是順便解決而已。概述這個(gè)包，支持在所有的項(xiàng)目中使用。一旦出現(xiàn)成員，代表允許全部。列出允許跨域請(qǐng)求的方法列表，默認(rèn)是代表所有方法。信息地址嗯，新輪子，求一波。 showImg(https://segmentfault.com/img/bV5VxN?w=844&h=656); 是的，可能了解 Laravel 的都知道，在 Laravel 中簡(jiǎn)單的設(shè)...

    lbool 評(píng)論0 收藏0

  • 跨域資源共享 CORS

    摘要：簡(jiǎn)介是一個(gè)標(biāo)準(zhǔn)，全稱是跨域資源共享。它允許瀏覽器向跨源服務(wù)器，發(fā)出請(qǐng)求，從而克服了只能同源使用的限制。如果指定的源，不在許可范圍內(nèi)，服務(wù)器會(huì)返回一個(gè)正常的回應(yīng)。該字段也可以設(shè)為星號(hào)，表示同意任意跨源請(qǐng)求。這是為了避免多次預(yù)檢請(qǐng)求。 簡(jiǎn)介 CORS是一個(gè)W3C標(biāo)準(zhǔn)，全稱是跨域資源共享（Cross-origin resource sharing）。它允許瀏覽器向跨源服務(wù)器，發(fā)出XMLHtt...

    OnlyLing 評(píng)論0 收藏0

  • JavaScript 的同源策略及其"CORS"跨域方案

    摘要：設(shè)置的值，為其當(dāng)前域或其當(dāng)前域的父域。場(chǎng)景文檔中的一個(gè)腳本執(zhí)行以下語(yǔ)句即可通過(guò)同源檢測(cè)跨源網(wǎng)絡(luò)訪問(wèn)同源策略控制了不同源之間的交互。服務(wù)器確認(rèn)允許之后，才發(fā)起實(shí)際的請(qǐng)求。 文章大綱 同源策略 同源是什么？ 如何跨源，以及場(chǎng)景應(yīng)用 源的更改 跨源網(wǎng)絡(luò)訪問(wèn) 跨源腳本API訪問(wèn) 跨源數(shù)據(jù)存儲(chǔ)訪問(wèn) 了解CORS CORS是什么？ CORS功能概述 CORS關(guān)于Cookie ...

    maochunguang 評(píng)論0 收藏0

  • Cors通信

    摘要：只限于三個(gè)值表單在歷史上一直可以跨域發(fā)出請(qǐng)求。如果指定的域名在許可范圍內(nèi)，服務(wù)器返回的響應(yīng)，會(huì)多出幾個(gè)頭信息字段。預(yù)檢請(qǐng)求用的請(qǐng)求方法是，表示這個(gè)請(qǐng)求是用來(lái)詢問(wèn)的。上面頭信息中，字段是每次回應(yīng)都必定包含的。 全稱是跨域資源共享（Cross-origin resource sharing）。它允許瀏覽器向跨域的服務(wù)器，發(fā)出XMLHttpRequest請(qǐng)求，從而克服了 AJAX 只能同源使...

    jackzou 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<