模拟跨域请求

最新推荐文章于 2024-06-05 00:40:27 发布

明月清风_Dustin

最新推荐文章于 2024-06-05 00:40:27 发布

阅读量8.5k

点赞数

分类专栏：源码学习

本文链接：https://blog.csdn.net/qq_30525851/article/details/93754157

版权

源码学习专栏收录该内容

11 篇文章 0 订阅

订阅专栏

跨域是什么？

浏览器端为了安全，使用同源策略，即不同域名下的请求不允许在浏览器上显示。在服务器之间是没有这种限制的。解决的方法是在响应的时候向响应头里面插入允许跨域的标记就可以了。服务器在判断是否需要进行跨域处理时，会判断origin字段是否为null，如果为null则不进行跨域处理，否则进行跨域处理。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<link type="test/css" href="css/style.css" 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://127.0.0.1",
				success:function(data){
					console.log("start")
					console.log(data)
					alert(data);
				}
			})
		});
	});
</script>
<body>
	<input type="button" id="cors" value="core跨域测试"
</body>
</html>

后端配置允许跨域的代码实现，其实只需要将CorsFilter对象加载到spring容器中就可以了：

	@Bean
	public CorsFilter corsFilter() {
		final UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();
		final CorsConfiguration config = new CorsConfiguration();
		config.setAllowCredentials(true); // 允许cookies跨域
		config.addAllowedOrigin("*");// #允许向该服务器提交请求的URI，*表示全部允许，在SpringMVC中，如果设成*，会自动转成当前请求头中的Origin
		config.addAllowedHeader("*");// #允许访问的头信息,*表示全部
		config.setMaxAge(18000L);// 预检请求的缓存时间（秒），即在这个时间段里，对于相同的跨域请求不会再预检了
		config.addAllowedMethod("OPTIONS");// 允许提交请求的方法，*表示全部允许
		config.addAllowedMethod("HEAD");
		config.addAllowedMethod("GET");// 允许Get的请求方法
		config.addAllowedMethod("PUT");
		config.addAllowedMethod("POST");
		config.addAllowedMethod("DELETE");
		config.addAllowedMethod("PATCH");
		source.registerCorsConfiguration("/**", config);
		return new CorsFilter(source);
	}

明月清风_Dustin

关注

0
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
模拟跨域请求

跨域是什么？浏览器端为了安全，使用同源策略，即不同域名下的请求不允许在浏览器上显示。在服务器之间是没有这种限制的。解决的方法是在响应的时候向响应头里面插入允许跨域的标记就可以了。服务器在判断是否需要进行跨域处理时，会判断origin字段是否为null，如果为null则不进行跨域处理，否则进行跨域处理。<!DOCTYPE html><html lang="en">...
复制链接

扫一扫