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