跨域解決方案等一些問題（jsonp,nginx代理等）

BenCHou 發(fā)布于2019-08-15 14:48 / 1171人閱讀

摘要：用跨域需要后臺修改代碼后臺需要用前臺傳遞的函數(shù)名將數(shù)據(jù)包起來，本質(zhì)上是一個函數(shù)調(diào)用，將數(shù)據(jù)當(dāng)做參數(shù)傳遞回來。跨域請求帶上一般的請求都會默認(rèn)帶上，但是跨域默認(rèn)不會帶，要帶上必須加一行代碼帶的跨域后臺不能將設(shè)置為設(shè)置

1. 用jsonp跨域需要后臺修改代碼

后臺需要用前臺傳遞的函數(shù)名將數(shù)據(jù)包起來，本質(zhì)上是一個函數(shù)調(diào)用，將數(shù)據(jù)當(dāng)做參數(shù)傳遞回來。

callback({"data": "ok"})

所以普通的ajax請求產(chǎn)生的數(shù)據(jù)不能用jsonp去請求；
但是一個接口也可以同時支持普通的ajax請求（返回json對象），和jsonp請求（返回一串js代碼），這需要后臺和前臺約定好一個參數(shù)作為函數(shù)名，如callback=cb，后臺判斷是否有這個參數(shù)，如果有這個參數(shù)就返回jsonp請求。

2. jsonp的弊端

服務(wù)器需要改動代碼；

只支持get請求；

所以現(xiàn)在很少用了。

3. 跨域請求帶上cookie

一般的ajax請求都會默認(rèn)帶上cookie，但是跨域默認(rèn)不會帶cookie，要帶上cookie必須加一行代碼；

$.ajax({
        url : "http://remote.domain.com/corsrequest",
        data : data,
        dataType: "json",
        type : "POST",
        xhrFields: {
            withCredentials: true
        },
        ...

4. 帶cookie的跨域

后臺不能將Access-Control-Allow-Origin設(shè)置為*

設(shè)置Access-Control-Allow-Credentials: true

GPU云服務(wù)器云服務(wù)器 sql語句問題在線等安全等保合規(guī)方案等保費用安全合規(guī)方案 jsonp 跨域

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

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

相關(guān)文章

跨域解決方案等一些問題（jsonp,nginx代理等）

摘要：用跨域需要后臺修改代碼后臺需要用前臺傳遞的函數(shù)名將數(shù)據(jù)包起來，本質(zhì)上是一個函數(shù)調(diào)用，將數(shù)據(jù)當(dāng)做參數(shù)傳遞回來?？缬蛘埱髱弦话愕恼埱蠖紩J(rèn)帶上，但是跨域默認(rèn)不會帶，要帶上必須加一行代碼帶的跨域后臺不能將設(shè)置為設(shè)置 1. 用jsonp跨域需要后臺修改代碼后臺需要用前臺傳遞的函數(shù)名將數(shù)據(jù)包起來，本質(zhì)上是一個函數(shù)調(diào)用，將數(shù)據(jù)當(dāng)做參數(shù)傳遞回來。 callback({data: ok}) 所以...

Nino 2019-08-22 15:30 評論0 收藏0
大話javascript 5期：跨域

摘要：同源策略所謂同源是指協(xié)議，域名，端口均相同。同源策略是瀏覽器的一個安全功能，不同源的客戶端腳本在沒有明確授權(quán)的情況下，不能讀寫對方資源。需注意的是由于同源策略的限制，所讀取的為跨域請求接口所在域的，而非當(dāng)前頁。一、什么是跨域 1.URL解析 URL （Uniform Resource Locator ）統(tǒng)一資源定位符（URL）是用于完整地描述Internet上網(wǎng)頁和其他資源的地址的...

jzzlee 2019-08-23 16:42 評論0 收藏0
徹底弄懂跨域問題

摘要：瀏覽器同源策略我們?yōu)楹我芯靠缬騿栴}因為瀏覽器的同源策略規(guī)定某域下的客戶端在沒明確授權(quán)的情況下，不能讀寫另一個域的資源。跨域，老生常談的問題簡述作為一只前端菜鳥，跨域方面只懂得JSONP和CORS，并未曾深入了解。但隨著春招越來越近，就算是菜鳥也要猛振翅膀。近幾日仔細研究了跨域問題，寫下這篇文章，希望對開發(fā)者們有所幫助。在讀本文前，希望您對以下知識略有了解。瀏覽器同源策略 n...

CoorChice 2019-08-23 14:41 評論0 收藏0
徹底弄懂跨域問題

摘要：用于告知瀏覽器可以將預(yù)先檢查請求返回結(jié)果緩存的時間，在緩存有效期內(nèi)，瀏覽器會使用緩存的預(yù)先檢查結(jié)果判斷是否發(fā)送跨域請求。跨域，老生常談的問題簡述作為一只前端菜鳥，跨域方面只懂得JSONP和CORS，并未曾深入了解。但隨著春招越來越近，就算是菜鳥也要猛振翅膀。近幾日仔細研究了跨域問題，寫下這篇文章，希望對開發(fā)者們有所幫助。在讀本文前，希望您對以下知識略有了解。瀏覽器同源策略 n...

rose 2019-07-25 14:36 評論0 收藏0
前端解決跨域

摘要：所有支持的瀏覽器都會使用同源策略這個安全策略，所謂同源是指，域名，協(xié)議，端口相同，就是因為同源策略的影響導(dǎo)致沒法直接用請求不同域上的數(shù)據(jù)，所以各種解決問題的技術(shù)出現(xiàn)了。在日常的項目開發(fā)時會不可避免的需要進行跨域操作，面試中也是頻繁被經(jīng)常會問到的問題，本文只是我經(jīng)常用到的解決跨域的方式做個記錄與總結(jié)。所有支持Javascript的瀏覽器都會使用‘同源策略’這個安全策略，所謂同源是...

goji 2019-08-21 16:02 評論0 收藏0