web開(kāi)發(fā)跨域原因的多種解決方案
跨域原因
是由于瀏覽器的同源策略限制;
跨域指: 當(dāng)一個(gè)請(qǐng)求url的協(xié)議、域名、端口三者之間任意一個(gè)與當(dāng)前頁(yè)面url不同即為跨域
JSONP
這種方式并不適用于開(kāi)發(fā), 可以說(shuō)是被完全淘汰, 但是由于實(shí)現(xiàn)復(fù)雜, 面試官對(duì)于這種方案的深究非常追崇.
核心思想： 網(wǎng)頁(yè)通過(guò)添加一個(gè)<script>標(biāo)簽的src屬性，向服務(wù)器請(qǐng)求 JSON 數(shù)據(jù)，服務(wù)器收到請(qǐng)求后，將數(shù)據(jù)放在一個(gè)指定名字的回調(diào)函數(shù)的參數(shù)位置傳回來(lái)。
缺點(diǎn): 需要后端配合才能完成只能發(fā)送get請(qǐng)求
實(shí)現(xiàn): 注意后端返回的是一個(gè)方法的調(diào)用和實(shí)參
Nginx解決
后端解決
在Controller層加注解:
@CrossOrigin(origins = "*", allowedHeaders = "*")
origins: 允許來(lái)源域名的列表
allowedHeaders: 跨域請(qǐng)求中允許的請(qǐng)求頭中的字段類(lèi)型
以上就是web開(kāi)發(fā)跨域原因的多種解決方案的詳細(xì)內(nèi)容，更多關(guān)于web開(kāi)發(fā)跨域解決的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章！
相關(guān)文章
javascript實(shí)現(xiàn)客戶端兼容各瀏覽器創(chuàng)建csv并下載的方法
這篇文章主要介紹了javascript實(shí)現(xiàn)客戶端兼容各瀏覽器創(chuàng)建csv并下載的方法,實(shí)例分析了javascript操作csv文件的技巧,需要的朋友可以參考下2015-03-03
JS操作Cookie，包含了寫(xiě)入和讀取及讀取value的值，適合新手朋友，感興趣的朋友可以參考下2013-10-10
JavaScript Drum Kit 指南(純 JS 模擬敲鼓效果)
這篇文章主要介紹了JavaScript Drum Kit 指南,也就是純 JS 模擬敲鼓效果實(shí)現(xiàn)代碼,需要的朋友可以參考下2017-07-07
JavaScript callback回調(diào)函數(shù)用法實(shí)例分析
這篇文章主要介紹了JavaScript callback回調(diào)函數(shù)用法,結(jié)合實(shí)例形式分析了callback回調(diào)函數(shù)的概念、功能、應(yīng)用場(chǎng)景及相關(guān)使用技巧,需要的朋友可以參考下2018-05-05
這篇文章主要給大家愛(ài)介紹了關(guān)于利用Javascript獲取選擇文本所在的句子的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起看看吧。2017-12-12
js實(shí)現(xiàn)canvas圖片與img圖片的相互轉(zhuǎn)換的示例
本篇文章主要介紹了js實(shí)現(xiàn)canvas圖片與img圖片的相互轉(zhuǎn)換的示例，具有一定的參考價(jià)值，有興趣的可以了解一下2017-08-08
webpack結(jié)合express實(shí)現(xiàn)自動(dòng)刷新的方法
這篇文章主要給大家介紹了關(guān)于webpack結(jié)合express實(shí)現(xiàn)自動(dòng)刷新的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用webpack具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05
這篇文章主要為大家介紹了JavaScript Promise，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來(lái)幫助2021-12-12
IE和Firefox下javascript的兼容寫(xiě)法小結(jié)
學(xué)習(xí)js的朋友必須要知道或了解的知識(shí)2008-12-12
JS動(dòng)態(tài)添加選項(xiàng)案例分析
這篇文章主要介紹了JS動(dòng)態(tài)添加選項(xiàng)的方法,結(jié)合實(shí)例形式分析了javascript針對(duì)頁(yè)面元素動(dòng)態(tài)操作的相關(guān)技巧,需要的朋友可以參考下2016-10-10