Springboot跨域CORS處理實(shí)現(xiàn)原理
一 源(Origin)
源指URL的協(xié)議,域名,端口三部分組成,如果這個(gè)三個(gè)成分都相同,就判定是同源,否則為不同源。
同源策略(Same origin policy)是一種瀏覽器的約定,即在瀏覽器中禁止非同源訪問。
二 CORS
CORS即"跨域資源共享"(Cross-origin resource sharing),是一個(gè)W3C標(biāo)準(zhǔn)。它允許瀏覽器向跨源服務(wù)器,發(fā)出XMLHttpRequest請求,從而克服了ajax只能同源使用的限制。springboot也提供了cors的解決方法。
下面將模擬瀏覽器跨域,并解決跨域問題。
三 provider工程
provider工程提供了一個(gè)接口給外部訪問,端口是8080。
/** * @Author lsc * @Description <p> cors </p> * @Date 2019/10/20 21:32 * @Version 1.0 */ @RestController public class ProviderController { @GetMapping("youku1327") public String getUser(){ System.out.println("---------"); return "hello youku1327"; } }
四 consumer
consumer 提供訪問頁面,跨域親求 provider接口,端口為8082。
控制層代碼:
/** * @Author lsc * @Description <p> </p> * @Date 2019/10/20 21:32 * @Version 1.0 */ @Controller public class ComsumerController { @GetMapping("youku1327") public String getUser(){ return "index"; } }
頁面代碼:
<!DOCTYPE html> <html lang="en" xmlns:th="http://www.thymeleaf.org"> <head> <meta charset="UTF-8"> <title>cors-youku1327</title> </head> <body> <script th:src="@{jquery-1.8.3.js}" type="text/javascript"></script> <button id="button">獲得用戶</button> <script> $("#button").click(function () { $.ajax({ url: "http://localhost:8080/youku1327", type: "get", success:function (result) { console.log(result); } }) }); </script> </body> </html>
五 跨域問題產(chǎn)生
兩個(gè)項(xiàng)目分別啟動后,在流量器中訪問consumer,報(bào)錯(cuò)如下,不存在允許訪問的請求頭。
六解決方案
在provier實(shí)現(xiàn)WebMvcConfigurer接口,或者使用@CrossOrigin注解在方法上。
示例代碼:
/** * @Author lsc * @Description <p> </p> * @Date 2019/10/20 23:15 * @Version 1.0 */ @Configuration public class WebConfig implements WebMvcConfigurer { @Override public void addCorsMappings(CorsRegistry registry) { registry.addMapping("/**") .allowedOrigins("http://localhost:8082") .allowCredentials(true) .allowedMethods("GET", "POST", "DELETE", "PUT","PATCH") .allowedHeaders("*"); } }
頁面請求結(jié)果如下:
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- vue+springboot實(shí)現(xiàn)項(xiàng)目的CORS跨域請求
- 詳解springboot設(shè)置cors跨域請求的兩種方式
- springboot跨域CORS處理代碼解析
- Springboot處理CORS跨域請求的三種方法
- Springboot處理配置CORS跨域請求時(shí)碰到的坑
- SpringBoot開發(fā)技巧之如何處理跨域請求CORS
- 詳解springboot解決CORS跨域的三種方式
- SpringBoot處理 CORS 跨域的方法詳解
- springBoot中的CORS跨域注解@CrossOrigin詳解
- springboot解決使用localhost或127.0.01模擬CORS失效
相關(guān)文章
JavaWeb實(shí)現(xiàn)RSA+AES混合加密
RSA+AES的混合加密時(shí),AES用于給傳輸?shù)臄?shù)據(jù)加密,然后通過RSA給AES的秘鑰加密,本文就來詳細(xì)的介紹一下如何實(shí)現(xiàn),具有一定的參考價(jià)值,感興趣的可以了解一下2023-10-10spring webflux自定義netty 參數(shù)解析
這篇文章主要介紹了spring webflux自定義netty 參數(shù)解析,具有很好的參考價(jià)值,希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2021-09-09Josephus環(huán)的四種解法(約瑟夫環(huán))基于java詳解
這篇文章主要介紹了Josephus環(huán)的四種解法(約瑟夫環(huán))基于java詳解,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-09-09SpringBoot實(shí)現(xiàn)過濾敏感詞的示例代碼
這篇文章主要為大家詳細(xì)介紹了如何利用SpringBoot實(shí)現(xiàn)過濾敏感詞功能,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以動手嘗試一下2022-08-08Java面向?qū)ο笤O(shè)計(jì)原則之迪米特法則介紹
迪米特法則解決類與類之間耦合度問題,如果類A調(diào)用了B類的某一個(gè)方法,則這兩個(gè)類就形成了一種緊耦合的方式,當(dāng)B類這個(gè)方法發(fā)生變化時(shí),一定會影響A類的執(zhí)行結(jié)果。迪米特法則要求每一個(gè)類盡可能少的與其他類發(fā)生關(guān)系2023-02-02Spring?Boot實(shí)現(xiàn)分布式任務(wù)調(diào)度的步驟
Spring?Boot提供了一些工具和框架,可以幫助我們輕松地實(shí)現(xiàn)分布式任務(wù)調(diào)度,在本文中我們將介紹如何使用Spring?Boot、Spring?Cloud、Quartz和Redis來實(shí)現(xiàn)分布式任務(wù)調(diào)度,感興趣的朋友跟隨小編一起看看吧2023-06-06