web開發(fā)跨域原因的多種解決方案
跨域原因
是由于瀏覽器的同源策略限制;
跨域指: 當(dāng)一個(gè)請(qǐng)求url的協(xié)議、域名、端口三者之間任意一個(gè)與當(dāng)前頁面url不同即為跨域
JSONP
這種方式并不適用于開發(fā), 可以說是被完全淘汰, 但是由于實(shí)現(xiàn)復(fù)雜, 面試官對(duì)于這種方案的深究非常追崇.
核心思想： 網(wǎng)頁通過添加一個(gè)<script>標(biāo)簽的src屬性，向服務(wù)器請(qǐng)求 JSON 數(shù)據(jù)，服務(wù)器收到請(qǐng)求后，將數(shù)據(jù)放在一個(gè)指定名字的回調(diào)函數(shù)的參數(shù)位置傳回來。
缺點(diǎn): 需要后端配合才能完成只能發(fā)送get請(qǐng)求
實(shí)現(xiàn): 注意后端返回的是一個(gè)方法的調(diào)用和實(shí)參
Nginx解決
后端解決
在Controller層加注解:
@CrossOrigin(origins = "*", allowedHeaders = "*")
origins: 允許來源域名的列表
allowedHeaders: 跨域請(qǐng)求中允許的請(qǐng)求頭中的字段類型
以上就是web開發(fā)跨域原因的多種解決方案的詳細(xì)內(nèi)容，更多關(guān)于web開發(fā)跨域解決的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章！
相關(guān)文章
非阻塞動(dòng)態(tài)加載javascript廣告實(shí)現(xiàn)代碼
非阻塞動(dòng)態(tài)加載javascript廣告，需要的朋友可以參考下。2010-11-11
本文將通過一些常見的FAQ來帶大家一起學(xué)習(xí)一下怎么用工具定位javascript里的內(nèi)存問題，文中的示例代碼講解詳細(xì)，感興趣的小伙伴可以了解一下2022-06-06
這篇文章主要介紹了微信小程序從注冊(cè)賬號(hào)到上架詳解,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-07-07
javascript實(shí)現(xiàn)倒計(jì)時(shí)小案例
這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)倒計(jì)時(shí)小案例，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-07-07
這篇文章主要介紹了ES6 十大特性的相關(guān)資料，幫助大家更好的理解和使用JavaScript，感興趣的朋友可以了解下2020-12-12
canvas實(shí)現(xiàn)弧形可拖動(dòng)進(jìn)度條效果
本篇文章主要介紹了canvas實(shí)現(xiàn)弧形可拖動(dòng)進(jìn)度條的實(shí)例方法，具有很好的參考價(jià)值。下面跟著小編一起來看下吧2017-05-05
學(xué)習(xí)javascript的閉包,原型,和匿名函數(shù)之旅
Javascript中有幾個(gè)非常重要的語言特性——對(duì)象、原型繼承、閉包。其中閉包 對(duì)于那些使用傳統(tǒng)靜態(tài)語言C/C++的程序員來說是一個(gè)新的語言特性，本文給大家介紹js的閉包,原型,和匿名函數(shù)之旅，感興趣的朋友一起學(xué)習(xí)吧2015-10-10
淺析Javascript的自動(dòng)分號(hào)插入(ASI)機(jī)制
我們大家都知道在寫java和c時(shí)，必須要在語句后加分號(hào)，否則編譯通不過。而js不同，存在自動(dòng)分好插入機(jī)制，下文簡(jiǎn)稱ASI。它會(huì)給源代碼的 token 流自動(dòng)插入分號(hào)。下面這篇文章我們就來談?wù)凧avascript的自動(dòng)分號(hào)插入(ASI)機(jī)制。2016-09-09
js下比較常用的方法，事件函數(shù)代碼。2010-08-08
酷! 不同風(fēng)格頁面布局幻燈片特效js實(shí)現(xiàn)
這篇文章主要為大家詳細(xì)介紹了超酷不同風(fēng)格頁面布局幻燈片特效，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-08-08