CORS：跨域解決方案

EddieChan 發(fā)布于2019-08-20 17:50 / 2228人閱讀

摘要：是一種新的服務(wù)端跨域方案。實(shí)現(xiàn)方式非常簡(jiǎn)單。優(yōu)點(diǎn)相比，可以支持的所有請(qǐng)求方式，只支持方式因?yàn)楸举|(zhì)是通過(guò)標(biāo)簽的屬性訪問(wèn)。缺點(diǎn)低版本瀏覽器不支持。

CORS是一種新的服務(wù)端跨域方案。實(shí)現(xiàn)方式非常簡(jiǎn)單。

優(yōu)點(diǎn)：相比jsonp，可以支持http的所有請(qǐng)求方式，jsonp只支持get方式（因?yàn)楸举|(zhì)是通過(guò)script標(biāo)簽的src屬性訪問(wèn)url）。支持ajax。
缺點(diǎn)：低版本瀏覽器（IE9-）不支持。

客戶端js：

var xhr = XMLHttpRequest()
xhr.open("post",url,true) //url絕對(duì)路徑，true異步，false同步
xhr.withCredentails = true
xhr.onload = function(){}
xhr.send()

服務(wù)端(node)

res.setHeader("Access-Control-Allow-Origin",req.header.origin);
res.setHeader("Access-Control-Allow-Credentails",true);//告訴客戶端可以在http請(qǐng)求中加上cookie
res.setHeader("Access-Control-Allow-Method","POST,GET,PUT,DELETE,OPTIONS")

CORS由于存在兼容性問(wèn)題，所以使用的時(shí)候需要做特殊判斷

GPU云服務(wù)器云服務(wù)器 js跨域解決方案跨域解決辦法 js ajax跨域解決方案 js跨域訪問(wèn)js解決方案

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

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

相關(guān)文章

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

摘要：而我的新輪子也并不是專門(mén)解決它的問(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 2019-06-28 18:34 評(píng)論0 收藏0
【日常填坑】之a(chǎn)jax請(qǐng)求laravel的api接口

摘要：合適和夠用是最完美的追求。比如從頁(yè)面去請(qǐng)求的資源。它允許瀏覽器向跨源服務(wù)器，發(fā)出請(qǐng)求，從而克服了只能同源使用的限制。定義在中的路由都是無(wú)狀態(tài)的，并且會(huì)應(yīng)用中間件組。關(guān)于作者程序開(kāi)發(fā)人員，不拘泥于語(yǔ)言與技術(shù)，目前主要從事PHP和前端開(kāi)發(fā)，使用Laravel和VueJs，App端使用Apicloud混合式開(kāi)發(fā)。合適和夠用是最完美的追求。個(gè)人網(wǎng)站：http://www.linganm...

Arno 2019-06-27 15:31 評(píng)論0 收藏0
【日常填坑】之a(chǎn)jax請(qǐng)求laravel的api接口

摘要：合適和夠用是最完美的追求。比如從頁(yè)面去請(qǐng)求的資源。它允許瀏覽器向跨源服務(wù)器，發(fā)出請(qǐng)求，從而克服了只能同源使用的限制。定義在中的路由都是無(wú)狀態(tài)的，并且會(huì)應(yīng)用中間件組。關(guān)于作者程序開(kāi)發(fā)人員，不拘泥于語(yǔ)言與技術(shù)，目前主要從事PHP和前端開(kāi)發(fā)，使用Laravel和VueJs，App端使用Apicloud混合式開(kāi)發(fā)。合適和夠用是最完美的追求。個(gè)人網(wǎng)站：http://www.linganm...

neu 2019-08-20 14:28 評(píng)論0 收藏0
【日常填坑】之a(chǎn)jax請(qǐng)求laravel的api接口

摘要：合適和夠用是最完美的追求。比如從頁(yè)面去請(qǐng)求的資源。它允許瀏覽器向跨源服務(wù)器，發(fā)出請(qǐng)求，從而克服了只能同源使用的限制。定義在中的路由都是無(wú)狀態(tài)的，并且會(huì)應(yīng)用中間件組。關(guān)于作者程序開(kāi)發(fā)人員，不拘泥于語(yǔ)言與技術(shù)，目前主要從事PHP和前端開(kāi)發(fā)，使用Laravel和VueJs，App端使用Apicloud混合式開(kāi)發(fā)。合適和夠用是最完美的追求。個(gè)人網(wǎng)站：http://www.linganm...

fuyi501 2019-08-01 16:20 評(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 2019-08-23 15:42 評(píng)論0 收藏0