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

这篇具有很好参考价值的文章主要介绍了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("成功");
    }
});

运行结果

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

描述

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

处理

nginx配置文件中继续修改如下内容,让OPTIONS请求成功文章来源地址https://www.toymoban.com/news/detail-506666.html

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;
		}
	 }
}

到了这里,关于strict-origin-when-cross-origin 403 异常解决的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 谷歌浏览器请求 strict-origin-when-cross-origin 跨域问题,解决方法之一

    项目打包部署在内网后,index.html 里通过script标签引入的其他链接资源不能正常请求,报的是跨域错误 首先观察了资源请求正常和请求报错的两台电脑,发现两者请求的 Referrer Policy(引荐来源网址政策) 不同。 其次发现两个电脑的谷歌浏览器版本不同,可以正常请求的是用

    2024年02月12日
    浏览(94)
  • 解决Origin请求头导致的Nginx反向代理403跨域问题

    页面通过域名A【https://a.winfun.com】访问接口,域名A通过Nginx服务进行反向代理,代理到域名B【http://b.winfun.com】,然后进行业务逻辑执行。 时序图: nginx配置: 接口返回Http状态为403,出现跨域问题。 为了方便测试,我们直接将接口放到Postman中进行模拟测试,并带上相关请求

    2024年02月12日
    浏览(41)
  • HBuilderX修改manifest.json设置,解决跨域问题(CORS、Cross-Origin)

    搭建一个前台uniapp,后台springboot的开发环境时,遇到了跨域问题。 console提示错误信息: Access to XMLHttpRequest at \\\'http://10.0.180.203/api/cms/getAdList?apId=1\\\' from origin \\\'http://localhost:8080\\\' has been blocked by CORS policy: Response to preflight request doesn\\\'t pass access control check: No \\\'Access-Control-Allow-Origin\\\'

    2024年02月10日
    浏览(43)
  • 原生AJAX案例浏览器报错:Cross origin requests are only supported for protocol

    在浏览器打开本地的html文件, 上面请求的模型资源文件是一个本地文件, 协议是file://,如果是在服务器启动的话,则使用的是http或者https协议。 出于安全性考虑, Chrome默认禁止了这种用法,file协议和http/https协议不同,会被Chrome认为是跨域访问,所以会报被CORS(Cross-Origi

    2024年02月08日
    浏览(37)
  • [Deprecation] SharedArrayBuffer will require cross-origin isolation as of M92, around July 2021

    前两天在用uni-app做微信小程序时,还遇到了这个问题,由于我也是刚入行,基础都有,但微信小程序还没有做过,报这个错误,上网搜也没有找到解决办法,就自己找了一下,发现这个问题真的很简单,我都想揍自己的那种错误 因为前两天有点赶,没有及时记录,今天有时

    2024年02月11日
    浏览(55)
  • 【跨域异常】get请求能访问,但是post请求报403跨域异常

    前端vue项目调用后端SpringBoot接口,后端配置了跨域访问,但是出现了get请求能正常访问,但是post请求报403异常的情况。如下图 最后发现是后端的问题,正常配置的后端跨域配置中需要加上一句: 具体原因:Springboot的版本问题 完整版跨域配置如下:

    2024年02月16日
    浏览(43)
  • 【解决】Kafka Exception thrown when sending a message with key=‘null‘ 异常

      如下图,kafka 中配置的是监听域名的方式,但程序里使用的是 ip:port 的连接方式。 kafka 中配置的是域名的方式,程序里也相应配置成 域名:port 的方式(注意:本地hosts中需要做好相应的域名映射)。

    2024年02月12日
    浏览(33)
  • 【Git异常】Push master to origin/master was rejected by remote

    今天新分配的git账号和新项目,拉下来代码更改后发现push不上去, 设置中 选择 Prorected Branches Allowed to push 更改 选择一个角色即可 ,而后 un protect

    2024年02月06日
    浏览(68)
  • MySQL运维实战(4.4) SQL_MODE之STRICT_TRANS_TABLES和STRICT_ALL_TABLES

    作者:俊达 在MySQL中,STRICT模式主要用于控制数据库的行为,有助于保持数据的一致性和完整性,特别是在涉及到数据写入、更新和其他操作时的约束。 如果设置STRICT模式,MySQL会更加严格地执行数据写入和更新等操作,当数据不符合字段定义或者违反了约束条件,MySQL将抛

    2024年01月18日
    浏览(57)
  • 【Vue Router】Sensitive 与 strict 路由配置

    默认情况下,所有路由是不区分大小写的,并且能匹配带有或不带有尾部斜线的路由。例如,路由 /users 将匹配 /users 、 /users/ 、甚至 /Users/ 。这种行为可以通过 strict 和 sensitive 选项来修改,它们既可以应用在整个全局路由上,又可以应用于当前路由上: strict 为 true 时,将

    2024年02月17日
    浏览(29)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包