跨域问题的解决

最新推荐文章于 2022-09-11 00:24:13 发布

漠月

最新推荐文章于 2022-09-11 00:24:13 发布

阅读量1.3k

点赞数

文章标签：程序人生 java

本文链接：https://blog.csdn.net/qq_37893682/article/details/126338073

版权

跨域问题的原因是由于浏览器的安全策略，即同源策略。同源策略会阻止一个域的JavaScript脚本和另一个域的内容进行交互。协议、域名、端口三个相同，即为同源。

如图
在这里插入图片描述
协议http、域名都相同但是端口不同，所以不是同源。

解决方法

1.在目标方法上增加注解 @CrossOrigin
在这里插入图片描述
2.添加CORS过滤器

3.实现WebMvcConfigurer 接口，重写addCorsMappings方法

4.nginx做反向代理加了允许跨域的请求头

#CORS 配置
add_header 'Access-Control-Allow-Origin' '*';
add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS, PUT, DELETE';
#是否允许cookie传输
add_header 'Access-Control-Allow-Credentials' 'true';
add_header 'Access-Control-Allow-Headers' 'Authorization,Content-Type,Accept,Origin,User-Agent,DNT,Cache-Control,X-Mx-ReqToken,X-Data-Type,X-Requested-With,X-Data-Type,X-Auth-Token';
            
 #针对浏览器的options预请求直接返回200，否则会被403 forbidden--invalie CORS request
if ( $request_method = 'OPTIONS' ) { 
		return 200;
}