目錄

• 跨域原因
• ONP
• NginTJaITSeHpsx解決
• 後端解決

跨域原因

是由於瀏覽器的同源策略限制;

跨域指: 當一個請求url的協議、域名、埠三者之間任意一個與當前頁面url不同即為跨域

JSONP

這種方式並不適用於開發,可以說是被完全淘汰,但是由於實現複雜,面試官對於這種方案的深究非常追崇.

核心思想： 通過新增一客棧個<script>標籤的src屬性，向伺服器請求 JSON 資料，伺服器收到請求後，將資料放在一個指定名字的回撥函式的引數位置傳回來。

缺點: 需要後端配合才能完成只能傳送get請求

實現: 注意後端返回的是一個方法的呼叫和實參

Nginx解決

後端解決

在Controller層加註解:

@CrossOrigin(origins = "*",allowedHeaders程式設計客棧 = "*")

origins: 允許來源域名的列表

allowedHeaders: 跨域請求中允許的請求頭中的欄位型別

以上就是web開發跨域原因的多種解決方案的詳細內容，更多關於web開發跨域解決的資料請關注我們其它相關文章！