- 資訊首頁(yè) > 開(kāi)發(fā)技術(shù) > 編程語(yǔ)言 >
- SpringBoot跨域問(wèn)題的解決方法實(shí)例
談到跨域問(wèn)題，首先我們要認識一下瀏覽器的同源策略
當一個(gè)瀏覽器的兩個(gè)tab頁(yè)中分別打開(kāi)來(lái) 百度和谷歌的頁(yè)面
當瀏覽器的百度tab頁(yè)執行一個(gè)腳本的時(shí)候會(huì )檢查這個(gè)腳本是屬于哪個(gè)頁(yè)面的，
即檢查是否同源，只有和百度同源的腳本才會(huì )被執行。 [1]
如果非同源，那么在請求數據時(shí)，瀏覽器會(huì )在控制臺中報一個(gè)異常，提示拒絕訪(fǎng)問(wèn)。
同源策略是瀏覽器的行為，是為了保護本地數據不被JavaScript代碼獲取回來(lái)的數據污染，因此攔截的是客戶(hù)端發(fā)出的請求回來(lái)的數據接收，即請求發(fā)送了，服務(wù)器響應了，但是無(wú)法被瀏覽器接收。
其實(shí)就是，客戶(hù)端瀏覽器請求url去獲取資源，也就是請求服務(wù)器的ip地址加上端口號（http://主機名:端口號），如果服務(wù)器所在的Ip地址（http://主機名:端口號）并不一致，這就屬于不同源，就產(chǎn)生一個(gè)跨域的問(wèn)題，瀏覽器會(huì )禁止服務(wù)端返回數據
解決方法有兩種
跨域問(wèn)題是指下面一些地方不同（至少一處）
SpringBoot解決跨域問(wèn)題
/**
* @Author: Ember
* @Date: 2021/4/26 22:16
* @Description:
*/
@Configuration
public class CorsConfig implements WebMvcConfigurer {
@Override
public void addCorsMappings (CorsRegistry registry) {
String[] allowOrigins ={"http://localhost:8080/","https://www.quyo.fun/"};
//允許所有形式的跨域請求
registry.addMapping ("/**")
.allowedOriginPatterns ("*")
.allowCredentials (true)
.allowedMethods ("GET", "POST", "PUT", "DELETE", "OPTIONS")
.allowedHeaders("*")
.maxAge (3600);
}
private CorsConfiguration buildConfig () {
CorsConfiguration corsConfiguration = new CorsConfiguration ();
List<String> list = new ArrayList<>();
list.add ("*");
corsConfiguration.setAllowedOrigins (list);
corsConfiguration.addAllowedOrigin ("*");
corsConfiguration.addAllowedHeader ("*");
corsConfiguration.addAllowedMethod ("*");
return corsConfiguration;
}
@Bean
public CorsFilter corsFilter () {
UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource ();
source.registerCorsConfiguration ("/**", buildConfig ());
return new CorsFilter (source);
}
@Bean
public HttpMessageConverter<String> responseBodyConverter() {
StringHttpMessageConverter converter = new StringHttpMessageConverter(
Charset.forName("UTF-8"));
return converter;
}
@Override
public void configureMessageConverters(List<HttpMessageConverter<?>> converters) {
converters.add(responseBodyConverter());
}
}
下面是一個(gè)前端AJAX小測試
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<link type="test/css" href="css/style.css" rel="external nofollow" rel="stylesheet">
<script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script type="text/javascript">
$(function(){
$("#cors").click(
function(){
$.ajax({
headers:{"token":"","Content-Type":"application/json;charset=UTF-8","Access-Control-Allow-Origin":"*"},
url:"http://47.119.112.252/book/index/show/allBlogs",
success:function(data){
console.log("start")
console.log(data)
alert(data);
}
})
});
});
</script>
<body>
<input type="button" id="cors" value="core跨域測試"
</body>
</html>
跨域問(wèn)題解決。
到此這篇關(guān)于SpringBoot跨域問(wèn)題解決的文章就介紹到這了,更多相關(guān)SpringBoot跨域問(wèn)題內容請搜索腳本之家以前的文章或繼續瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
免責聲明：本站發(fā)布的內容（圖片、視頻和文字）以原創(chuàng )、來(lái)自本網(wǎng)站內容采集于網(wǎng)絡(luò )互聯(lián)網(wǎng)轉載等其它媒體和分享為主，內容觀(guān)點(diǎn)不代表本網(wǎng)站立場(chǎng)，如侵犯了原作者的版權，請告知一經(jīng)查實(shí)，將立刻刪除涉嫌侵權內容，聯(lián)系我們QQ:712375056，同時(shí)歡迎投稿傳遞力量。
Copyright ? 2009-2022 56dr.com. All Rights Reserved. 特網(wǎng)科技 特網(wǎng)云 版權所有 特網(wǎng)科技 粵ICP備16109289號
域名注冊服務(wù)機構:阿里云計算有限公司（萬(wàn)網(wǎng)） 域名服務(wù)機構：煙臺帝思普網(wǎng)絡(luò )科技有限公司（DNSPod） CDN服務(wù)：阿里云計算有限公司 百度云 中國互聯(lián)網(wǎng)舉報中心 增值電信業(yè)務(wù)經(jīng)營(yíng)許可證B2
建議您使用Chrome、Firefox、Edge、IE10及以上版本和360等主流瀏覽器瀏覽本網(wǎng)站
