【Java专题_03】spring-boot跨域问题如何解决
【Java专题_03】spring-boot跨域问题如何解决
纸飞机_暖阳
发布于 2024-03-04 17:19:05
发布于 2024-03-04 17:19:05
一、什么是跨域？
1、域：协议 + 域名 + 端口；三者完全相同则为同域，反之有其一不同均为不同域。
2、跨域请求：当前【发起请求】的域和【请求指向】的域属于不同域时，该次请求称之为跨域请求。
3、同源限制：浏览器针对跨域请求做出同源限制资源访问，Cookie、LocalStorage 和 IndexDB 无法跨域问；
4、DOM元素无法跨域访问；Ajax无法跨域请求。二、跨域请求被谁拦截？ test.html代码如下：
<!DOCTYPE html>
<html>
<head>
<title>使用ajax发送请求</title>
<!-- 引入jq需要的js,可以上jq菜鸟教程里面复制这个js，是在线的，联网即可用 -->
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("#send").click(function(){
$.ajax({
url: "http://localhost:8080/user/getUser",
type: "GET",
success: function (result) {
console.log(result);
}
});
})
});
</script>
</head>
<body>
<button id="send">发送请求</button>
</body>
</html>
1、 看上面的图，我们可以看到当前台发送请求时，可以看到后台并没有拦截，只是在数据返回前台的时候出问题。
2、总结：域名和端口不同时的跨域，并非浏览器拦截发起请求，实际请求可以正常到达指向的资源，也可以正常返回，只 是浏览器拦截了返回内容。协议不同时，例如https发起Ajax跨域请求到http，则部分浏览器（Chrome，Firefox）会直接拦截请求，请求无法到达指向的资源。三、解决办法：
1、创建一个全局配置类：CorsConfig.java(工程目录如下：)
CorsConfig.java代码如下：
package com.xsy.Configuration;
import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
import org.springframework.web.cors.CorsConfiguration;
import org.springframework.web.cors.UrlBasedCorsConfigurationSource;
import org.springframework.web.filter.CorsFilter;
@Configuration
public class CorsConfig {
@Bean
public CorsConfiguration corsConfiguration() {
CorsConfiguration corsConfiguration = new CorsConfiguration();
//实际请求中允许携带的首部字段
corsConfiguration.addAllowedHeader("*");
//允许那些域跨域访问
corsConfiguration.addAllowedOrigin("*");
//允许那些请求方法
corsConfiguration.addAllowedMethod("*");
return corsConfiguration;
}
@Bean
public CorsFilter corsFilter(CorsConfiguration corsConfiguration) {
UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();
source.registerCorsConfiguration("/**", corsConfiguration);
return new CorsFilter(source);
}
}此时可以看到已经可以访问到数据了
四、小提示
1、如果只是个别方法需要跨域访问的话，可以使用 @CrossOrigin(origin="*")来进行跨越：
使用如下：
在方法级别上只需要加上@CrossOrigin(origin="*")再次跨域请求即可正常访问：
本文参与 腾讯云自媒体分享计划，分享自作者个人站点/博客。
原始发表：2024-03-04，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读