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