Springboot跨域CORS處理實(shí)現(xiàn)原理
一 源(Origin)
源指URL的協(xié)議，域名，端口三部分組成，如果這個(gè)三個(gè)成分都相同，就判定是同源，否則為不同源。同源策略（Same origin policy）是一種瀏覽器的約定，即在瀏覽器中禁止非同源訪問(wèn)。
二 CORS
CORS即'跨域資源共享'（Cross-origin resource sharing），是一個(gè)W3C標(biāo)準(zhǔn)。它允許瀏覽器向跨源服務(wù)器，發(fā)出XMLHttpRequest請(qǐng)求，從而克服了ajax只能同源使用的限制。springboot也提供了cors的解決方法。下面將模擬瀏覽器跨域，并解決跨域問(wèn)題。
三 provider工程
provider工程提供了一個(gè)接口給外部訪問(wèn)，端口是8080。
/** * @Author lsc * @Description <p> cors </p> * @Date 2019/10/20 21:32 * @Version 1.0 */@RestControllerpublic class ProviderController { @GetMapping('youku1327') public String getUser(){ System.out.println('---------'); return 'hello youku1327'; }}
四 consumer
consumer 提供訪問(wèn)頁(yè)面，跨域親求 provider接口，端口為8082。
控制層代碼：
/** * @Author lsc * @Description <p> </p> * @Date 2019/10/20 21:32 * @Version 1.0 */@Controllerpublic class ComsumerController { @GetMapping('youku1327') public String getUser(){ return 'index'; }}
頁(yè)面代碼：
<!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='http://www.4tl426be.cn/bcjs/@{jquery-1.8.3.js}' type='text/javascript'></script><button id='button'>獲得用戶(hù)</button><script> $('#button').click(function () { $.ajax({ url: 'http://localhost:8080/youku1327', type: 'get', success:function (result) {console.log(result); } }) });</script></body></html>
五 跨域問(wèn)題產(chǎn)生
兩個(gè)項(xiàng)目分別啟動(dòng)后，在流量器中訪問(wèn)consumer，報(bào)錯(cuò)如下，不存在允許訪問(wèn)的請(qǐng)求頭。
六解決方案
在provier實(shí)現(xiàn)WebMvcConfigurer接口，或者使用@CrossOrigin注解在方法上。
示例代碼：
/** * @Author lsc * @Description <p> </p> * @Date 2019/10/20 23:15 * @Version 1.0 */@Configurationpublic 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('*'); }}
頁(yè)面請(qǐng)求結(jié)果如下：
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持好吧啦網(wǎng)。
相關(guān)文章：
1. python 讀txt文件,按‘,’分割每行數(shù)據(jù)操作2. Python 忽略文件名編碼的方法3. JavaEE SpringMyBatis是什么? 它和Hibernate的區(qū)別及如何配置MyBatis4. 解決vue頁(yè)面刷新，數(shù)據(jù)丟失的問(wèn)題5. android studio實(shí)現(xiàn)簡(jiǎn)單的計(jì)算器（無(wú)bug）6. Java Media Framework 基礎(chǔ)教程7. 在Mac中配置Python虛擬環(huán)境過(guò)程解析8. python如何實(shí)現(xiàn)word批量轉(zhuǎn)HTML9. 利用單元測(cè)試對(duì)PHP代碼進(jìn)行檢查10. python excel和yaml文件的讀取封裝
網(wǎng)公網(wǎng)安備