strict-origin-when-cross-origin 403 异常解决

背景

刚刚上线了一个服务,其他客户需要在跨域情况下对于服务进行调用,几次尝试之后,终于成功调用了。本文解决 nginx + spring boot + juery 情况下的跨域处理

操作如下

使用nginx配置好以下内容:

server {
        listen 80;
        server_name xxx.com;
		location /data/ {
			proxy_pass 转发地址;
			proxy_set_header X-Real-IP $remote_addr;
			proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
			add_header Access-Control-Allow-Origin *;
			add_header Access-Control-Allow-Methods GET,POST,OPTIONS;
			add_header Access-Control-Allow-Headers X-Requested-With;
			add_header Access-Control-Max-Age 60000;
			add_header Access-Control-Allow-Credentials true
		 }
}

正常情况下上面的配置即可 完成服务的跨域配置。由于我是在jquery语言下进行处理,所以存在如下异常:

jquery 请求

$.ajax({
  	type : "POST",
    url : "请求地址",
    dataType: "json",
    data : param,
    contentType:"application/json;charset=utf-8",
    success : function(data) {
       alert("成功");
    }
});

运行结果

在这里插入图片描述
在这里插入图片描述

描述

我们注意到 这里是请求失败了,同时出现两次请求 一次为OPTIONS方法的请求,一次为引荐来源网址政策: strict-origin-when-cross-origin。说明由于OPTIONS请求失败,导致不能得到正确的响应结果

处理

nginx配置文件中继续修改如下内容,让OPTIONS请求成功

server {
	 listen 80;
     server_name xxx.com;
	 location /data/ {
		proxy_pass 转发地址;
		proxy_set_header X-Real-IP $remote_addr;
		proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
		add_header Access-Control-Allow-Origin *;
		add_header Access-Control-Allow-Methods GET,POST,OPTIONS;
		add_header Access-Control-Allow-Headers X-Requested-With;
		add_header Access-Control-Max-Age 60000;
		add_header Access-Control-Allow-Credentials true;
		if ( $request_method = OPTIONS ){
			return 200;
		}
	 }
}
  • 0
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

y打伞的鱼y

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值