《跨域------＞三種跨域底層分析》

2020-10-22    前端達(dá)人

 轉(zhuǎn)載：   原創(chuàng)作者： 

在這里插入圖片描述

1.方式一：利用< script >標(biāo)簽，< script >不存在跨域問(wèn)題


在這里插入圖片描述

2. （服務(wù)端解決）SpringMVC的controller中加入注解@CrossOrigin(value = “http://localhost:8080”)

即：給響應(yīng)頭設(shè)置一個(gè)Access-Control-Allow-Origin屬性

在這里插入圖片描述
在這里插入圖片描述
在這里插入圖片描述

3.（客戶(hù)端解決）使用Ajax中的JSONP實(shí)現(xiàn)跨域（常用）

3.1原理：利用< script >標(biāo)簽

3.2代碼

將callback當(dāng)成一個(gè)參數(shù)傳遞下去在這里插入圖片描述
在這里插入圖片描述
前后端運(yùn)行結(jié)果
在這里插入圖片描述
在這里插入圖片描述
在這里插入圖片描述

分享本文至：

日歷

鏈接

個(gè)人資料

存檔