這篇文章主要講解了如何實現(xiàn)Springboot跨域CORS處理,內(nèi)容清晰明了,對此有興趣的小伙伴可以學(xué)習(xí)一下,相信大家閱讀完之后會有幫助。
創(chuàng)新互聯(lián)公司,是成都地區(qū)的互聯(lián)網(wǎng)解決方案提供商,用心服務(wù)為企業(yè)提供網(wǎng)站建設(shè)、重慶App定制開發(fā)、成都小程序開發(fā)、系統(tǒng)按需開發(fā)和微信代運營服務(wù)。經(jīng)過數(shù)10年的沉淀與積累,沉淀的是技術(shù)和服務(wù),讓客戶少走彎路,踏實做事,誠實做人,用情服務(wù),致力做一個負責(zé)任、受尊敬的企業(yè)。對客戶負責(zé),就是對自己負責(zé),對企業(yè)負責(zé)。
一 源(Origin)
源指URL的協(xié)議,域名,端口三部分組成,如果這個三個成分都相同,就判定是同源,否則為不同源。
同源策略(Same origin policy)是一種瀏覽器的約定,即在瀏覽器中禁止非同源訪問。
二 CORS
CORS即"跨域資源共享"(Cross-origin resource sharing),是一個W3C標準。它允許瀏覽器向跨源服務(wù)器,發(fā)出XMLHttpRequest請求,從而克服了ajax只能同源使用的限制。springboot也提供了cors的解決方法。
下面將模擬瀏覽器跨域,并解決跨域問題。
三 provider工程
provider工程提供了一個接口給外部訪問,端口是8080。
/** * @Author lsc * @Descriptioncors
* @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* @Date 2019/10/20 21:32 * @Version 1.0 */ @Controller public class ComsumerController { @GetMapping("youku1327") public String getUser(){ return "index"; } }
頁面代碼:
cors-youku1327
五 跨域問題產(chǎn)生
兩個項目分別啟動后,在流量器中訪問consumer,報錯如下,不存在允許訪問的請求頭。
六解決方案
在provier實現(xiàn)WebMvcConfigurer接口,或者使用@CrossOrigin注解在方法上。
示例代碼:
/** * @Author lsc * @Description* @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)容,是不是對如何實現(xiàn)Springboot跨域CORS處理有進一步的了解,如果還想學(xué)習(xí)更多內(nèi)容,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。