有一次我的項目中采用了前后端分離的模式,引起了跨域問題,本文將介紹我所采用的跨域解決方法。
10年積累的做網(wǎng)站、網(wǎng)站設計經(jīng)驗,可以快速應對客戶對網(wǎng)站的新想法和需求。提供各種問題對應的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡服務。我雖然不認識你,你也不認識我。但先建設網(wǎng)站后付款的網(wǎng)站建設流程,更有寧河免費網(wǎng)站建設讓你可以放心的選擇與我們合作。
首先要了解產(chǎn)生跨域的本質(zhì),也就是同源策略的限制,源是指域名、端口號、協(xié)議,有一者不相同將被瀏覽器拒絕接受響應信息,(請求可以發(fā)送出去,但是瀏覽器不接受響應)。
解決方法:
1. jsonp
jsonp的原理的 src="" 屬性不受同源策略的限制,動態(tài)創(chuàng)建一個callback回調(diào)函數(shù),服務器調(diào)用回調(diào)函數(shù)把數(shù)據(jù)放進去,具體的細節(jié)打算以后做一個專門講解。
這里給一個模版:
$.ajax({ type: "get", //jsonp只能使用get async: false, url: "" dataType: "jsonp", jsonp: "callback", jsonpCallback:"message", //注意這里給回調(diào)函數(shù)起的名字 success: function(json){ } })
如果這里你的回調(diào)函數(shù)起名為message,那么你在后端返回json的時候,也要注意在最外面包一層message{}。
這里jsonp的確定也可以明顯的看出,只支持get請求,原因就是因為通過src=“”發(fā)送請求,所以可以知道是url傳參。
那么jsonp的好處是什么呢,兼容性,幾乎所有瀏覽器都支持(包括一些版本比較老的),不需要XMLHttpRequest或ActiveX的支持。
2. cors
又稱跨域訪問,瀏覽器將cors請求分為簡單請求和非簡單請求,因為本文主要講解具體的方法,所以關于細節(jié)部分有興趣可以去看其他博客或者我以后再做一篇具體的講解(和jsonp一起)。在springboot中,官方已經(jīng)提供了支持。直接貼代碼:
方式一:全局定義
@Configuration public class CorsConfig implements WebMvcConfigurer { private CorsConfiguration buildConfig() { CorsConfiguration corsConfiguration = new CorsConfiguration(); List<String> list = new ArrayList<>(); list.add("*"); corsConfiguration.setAllowedOrigins(list); /* // 請求常用的三種配置,*代表允許所有,當時你也可以自定義屬性 (比如header只能帶什么,只能是post方式等等) */ corsConfiguration.addAllowedOrigin("*"); //支持的源 corsConfiguration.addAllowedHeader("*"); //header限制 corsConfiguration.addAllowedMethod("*"); //支持方法 return corsConfiguration; } @Bean public CorsFilter corsFilter() { UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource(); source.registerCorsConfiguration("/**", buildConfig()); return new CorsFilter(source); } }
方式二:局部定義
@CrossOrigin(origins = "*",allowCredentials="true",allowedHeaders = "",methods = {})
直接在需要跨域的方法上添加注解,不過我沒試過,有興趣或者有這種方式需求的朋友可以嘗試一下。
以上就是本文的全部內(nèi)容,希望對大家的學習有所幫助,也希望大家多多支持創(chuàng)新互聯(lián)。
本文題目:SpringBoot跨域Jsonp和Cors的方法
網(wǎng)站URL:http://muchs.cn/article40/joheho.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供自適應網(wǎng)站、靜態(tài)網(wǎng)站、網(wǎng)站營銷、網(wǎng)站制作、網(wǎng)站收錄、面包屑導航
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)