解決SpringBoot跨域的三種方式
一、什么是跨域
1.1、為什么會出現(xiàn)跨域問題
出于瀏覽器的同源策略限制。同源策略(Sameoriginpolicy)是一種約定,它是瀏覽器最核心也最基本的安全功能,如果缺少了同源策略,則瀏覽器的正常功能可能都會受到影響??梢哉fWeb是構(gòu)建在同源策略基礎(chǔ)之上的,瀏覽器只是針對同源策略的一種實(shí)現(xiàn)。同源策略會阻止一個域的javascript腳本和另外一個域的內(nèi)容進(jìn)行交互。所謂同源(即指在同一個域)就是兩個頁面具有相同的協(xié)議(protocol),主機(jī)(host)和端口號(port)
簡單說A應(yīng)用只能訪問A應(yīng)用后臺傳來數(shù)據(jù),B應(yīng)用只能訪問B應(yīng)用后臺傳來的數(shù)據(jù),如果A應(yīng)用用Ajax獲取數(shù)據(jù)時的URL地址中的協(xié)議、端口、域名其中有一個和B應(yīng)用對應(yīng)的話,則是A應(yīng)用跨域了想獲取B應(yīng)用數(shù)據(jù),是不允許的
1.2、什么是跨域
當(dāng)一個請求url的 協(xié)議、域名、端口 三者之間任意一個與當(dāng)前頁面url不同即為跨域
當(dāng)前頁面URL | 被請求頁面URL | 是否跨域 | 原因 |
---|---|---|---|
http://www.test.com/ | http://www.test.com/index.html | 否 | 同源(協(xié)議、域名、端口號相同) |
http://www.test.com/ | https://www.test.com/index.html | 跨域 | 協(xié)議不同(http/https) |
http://www.test.com/ | http://www.baidu.com/ | 跨域 | 主域名不同(test/baidu) |
http://www.test.com/ | http://blog.test.com/ | 跨域 | 子域名不同(www/blog) |
http://www.test.com:8080/ | http://www.test.com:7001/ | 跨域 | 端口號不同(8080/7001) |
1.3、非同源限制
瀏覽器為了安全性,限制了一些請求無法訪問非同源URL
【1】無法讀取非同源網(wǎng)頁的 Cookie、LocalStorage 和 IndexedDB
【2】無法接觸非同源網(wǎng)頁的 DOM
【3】無法向非同源地址發(fā)送 AJAX 請求
1.4、如何解決跨域問題
服務(wù)端使用純代碼的方式邏輯解決跨域問題,如果使用SpringBoot的話請看下章
【騰訊文檔】JSONP跨域解決 https://docs.qq.com/doc/DVEVTemdrcVVjSFlE
二、SpringBoot解決跨域問題
①:返回新的CorsFilter
②:重寫WebMvcConfigurer
③:使用注解@CrossOrigin
注意:CorFilter / WebMvConfigurer / @CrossOrigin 需要 SpringMVC 4.2以上版本才支持,對應(yīng)springBoot 1.3版本以上上面前兩種方式屬于全局 CORS 配置,后兩種屬于局部 CORS配置。如果使用了局部跨域是會覆蓋全局跨域的規(guī)則,
所以可以通過 @CrossOrigin 注解來進(jìn)行細(xì)粒度更高的跨域資源控制。其實(shí)無論哪種方案,最終目的都是修改響應(yīng)頭,向響應(yīng)頭中添加瀏覽器所要求的數(shù)據(jù),進(jìn)而實(shí)現(xiàn)跨域
2.1、配置CorsFilter(全局跨域)
import org.springframework.boot.SpringBootConfiguration; import org.springframework.context.annotation.Bean; import org.springframework.web.cors.CorsConfiguration; import org.springframework.web.cors.UrlBasedCorsConfigurationSource; import org.springframework.web.filter.CorsFilter; @SpringBootConfiguration public class WebGlobalConfig { @Bean public CorsFilter corsFilter() { //創(chuàng)建CorsConfiguration對象后添加配置 CorsConfiguration config = new CorsConfiguration(); //設(shè)置放行哪些原始域 config.addAllowedOrigin("*"); //放行哪些原始請求頭部信息 config.addAllowedHeader("*"); //暴露哪些頭部信息 config.addExposedHeader("*"); //放行哪些請求方式 config.addAllowedMethod("GET"); //get config.addAllowedMethod("PUT"); //put config.addAllowedMethod("POST"); //post config.addAllowedMethod("DELETE"); //delete //corsConfig.addAllowedMethod("*"); //放行全部請求 //是否發(fā)送Cookie config.setAllowCredentials(true); //2. 添加映射路徑 UrlBasedCorsConfigurationSource corsConfigurationSource = new UrlBasedCorsConfigurationSource(); corsConfigurationSource.registerCorsConfiguration("/**", config); //返回CorsFilter return new CorsFilter(corsConfigurationSource); } }
如果你使用的是高版本SpringBoot2.4.4則需要改動一下,否則后臺報錯
java.lang.IllegalArgumentException: When allowCredentials is true, allowedOrigins cannot contain the special value "*" since that cannot be set on the "Access-Control-Allow-Origin" response header. To allow credentials to a set of origins, list them explicitly or consider using "allowedOriginPatterns" instead.
at org.springframework.web.cors.CorsConfiguration.validateAllowCredentials(CorsConfiguration.java:453) ~[spring-web-5.3.6.jar:5.3.6]
當(dāng)allowCredentials為true時,alloedOrigins不能包含特殊值“*”,因?yàn)樵撝挡荒茉凇癆ccess-Control-Allow-Origin”響應(yīng)頭部中設(shè)置。要允許憑據(jù)訪問一組來源,請顯式列出它們或考慮改用“AllowedOriginPatterns”。
解決:把config.addAllowedOrigin("*"); 替換成config.addAllowedOriginPattern("*");
2.2、重寫WebMvcConfigurer(全局跨域)
import org.springframework.boot.SpringBootConfiguration; import org.springframework.web.servlet.config.annotation.CorsRegistry; import org.springframework.web.servlet.config.annotation.WebMvcConfigurer; @SpringBootConfiguration public class CorsConfig implements WebMvcConfigurer { @Override public void addCorsMappings(CorsRegistry registry) { //添加映射路徑 registry.addMapping("/**") //是否發(fā)送Cookie .allowCredentials(true) //設(shè)置放行哪些原始域 SpringBoot2.4.4下低版本使用.allowedOrigins("*") .allowedOriginPatterns("*") //放行哪些請求方式 .allowedMethods(new String[]{"GET", "POST", "PUT", "DELETE"}) //.allowedMethods("*") //或者放行全部 //放行哪些原始請求頭部信息 .allowedHeaders("*") //暴露哪些原始請求頭部信息 .exposedHeaders("*"); } }
2.3、使用注解@CrossOrigin(局部跨域)
@Target({ElementType.TYPE, ElementType.METHOD}) @Retention(RetentionPolicy.RUNTIME) @Documented public @interface CrossOrigin { //這origins和value是一樣的 //允許來源域名的列表,例如 'www.jd.com',匹配的域名是跨域預(yù)請求 Response 頭中的'Access-Control-Aloow_origin' //字段值。不設(shè)置確切值時默認(rèn)支持所有域名跨域訪問。 @AliasFor("origins") String[] value() default {}; @AliasFor("value") String[] origins() default {}; //高版本下Spring2.4.4使用originPatterns 而不是value 和 origins String[] originPatterns() default {}; //跨域請求中允許的請求頭中的字段類型, 該值對應(yīng)跨域預(yù)請求 Response 頭中的 'Access-Control-Allow-Headers' 字段值。 //不設(shè)置確切值默認(rèn)支持所有的header字段(Cache-Controller、Content-Language、Content-Type、 //Expires、Last-Modified、Pragma)跨域訪問 String[] allowedHeaders() default {}; //跨域請求請求頭中允許攜帶的除Cache-Controller、Content-Language、Content-Type、Expires、Last-Modified、 //Pragma這六個基本字段之外的其他字段信息,對應(yīng)的是跨域請求 Response 頭中的 'Access-control-Expose-Headers'字段值 String[] exposedHeaders() default {}; //跨域HTTP請求中支持的HTTP請求類型(GET、POST...),不指定確切值時默認(rèn)與 Controller 方法中的 methods 字段保持一致。 RequestMethod[] methods() default {}; //該值對應(yīng)的是是跨域請求 Response 頭中的 'Access-Control-Allow-Credentials' 字段值。 //瀏覽器是否將本域名下的 cookie 信息攜帶至跨域服務(wù)器中。默認(rèn)攜帶至跨域服務(wù)器中,但要實(shí)現(xiàn) cookie //共享還需要前端在 AJAX 請求中打開 withCredentials 屬性。 String allowCredentials() default ""; //該值對應(yīng)的是是跨域請求 Response 頭中的 'Access-Control-Max-Age' 字段值,表示預(yù)檢請求響應(yīng)的緩存持續(xù)的最大時間, //目的是減少瀏覽器預(yù)檢請求/響應(yīng)交互的數(shù)量。默認(rèn)值1800s。設(shè)置了該值后,瀏覽器將在設(shè)置值的時間段內(nèi)對該跨域請求不再發(fā)起預(yù)請求 long maxAge() default -1; }
①:在控制器(類上)使用@CrossOrigin注解,表示該類的所有方法允許跨域
@Controller @RequestMapping("/shop") @CrossOrigin(originPatterns = "*", methods = {RequestMethod.GET, RequestMethod.POST}) public class ShopController { @GetMapping("/") @ResponseBody public Map<String, Object> findAll() { //返回數(shù)據(jù) return DataSchool.getStudents(); } }
②:我們也可以設(shè)置更小的粒度,在方法上設(shè)置跨域
@Controller @RequestMapping("/shop") public class ShopController { @GetMapping("/") @ResponseBody //更小的解決跨域 設(shè)置只能某些地址訪問 @CrossOrigin(originPatterns = "http://localhost:8080") public Map<String, Object> findAll() { //返回數(shù)據(jù) return DataSchool.getStudents(); } }
以上就是解決SpringBoot跨域的三種方式的詳細(xì)內(nèi)容,更多關(guān)于SpringBoot跨域的資料請關(guān)注腳本之家其它相關(guān)文章!
相關(guān)文章
Java實(shí)現(xiàn)InputStream的任意拷貝方式
這篇文章主要介紹了Java實(shí)現(xiàn)InputStream的任意拷貝方式,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教2021-10-10Spring中的DefaultResourceLoader使用方法解讀
這篇文章主要介紹了Spring中的DefaultResourceLoader使用方法解讀,DefaultResourceLoader是spring提供的一個默認(rèn)的資源加載器,DefaultResourceLoader實(shí)現(xiàn)了ResourceLoader接口,提供了基本的資源加載能力,需要的朋友可以參考下2024-02-02JavaWeb中Session對象的學(xué)習(xí)筆記
在WEB開發(fā)中,服務(wù)器可以為每個用戶瀏覽器創(chuàng)建一個會話對象,即session對象,這篇文章就為大家詳細(xì)介紹Session對象的定義、實(shí)現(xiàn)原理等基礎(chǔ)知識點(diǎn),感興趣的小伙伴們可以參考一下2016-05-05詳解springboot和vue前后端分離開發(fā)跨域登陸問題
這篇文章主要介紹了詳解springboot和vue前后端分離開發(fā)跨域登陸問題,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-09-09Java實(shí)現(xiàn)JSP在Servelt中連接Oracle數(shù)據(jù)庫的方法
這篇文章主要介紹了Java實(shí)現(xiàn)JSP在Servelt中連接Oracle數(shù)據(jù)庫的方法,需要的朋友可以參考下2014-07-07Spring中的@AutoWired與@Resource及@Qualifier注解詳解
這篇文章主要介紹了Spring中的@AutoWired與@Resource及@Qualifier注解詳解,spring不但支持自己定義的@Autowired注解,所以Autowired與Spring是強(qiáng)相關(guān)性,只能在spring框架中使用,而后幾個注解則不然,需要的朋友可以參考下2023-11-11