Strict-origin-when-cross-origin跨域问题

最新推荐文章于 2024-08-27 09:55:34 发布
最新推荐文章于 2024-08-27 09:55:34 发布
阅读量3.4w 收藏 3
点赞数 6
分类专栏： 其他 文章标签： java spring boot
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_36971119/article/details/121401468
版权

SpringCloud整合Gateway+Jwt出现strict-origin-when-cross-origin跨域报错

问题详情:
后端接口通过网关可以访问成功，前端报接口跨域问题

console打印如下：
在这里插入图片描述

解决原因：
这个问题的原因是在于服务器端设置了两次跨域，只需要设置一次就可以。
有可能是Nginx/Gateway设置了一次，服务端代码又设置了一次。
我的情况是这样的，服务端采用的是SpringCloud，在GateWay网关里面全局设置了跨域，但是在被调的那个微服务项目里还有个跨域设置，导致前台在访问服务端的时候服务端一共跨域了两次，所以出现了这个问题。

解决方法：
只需要将微服务项目的那个删掉即可

②⑦丶
关注
专栏目录
strict-origin-when-cross-origin
m0_72712500的博客
09-28 5万+
*strict-origin-when-cross-origin工作方式、strict-origin-when-cross-origin使用实例及错误码。
跨域问题详解
吹灯老人的博客
02-01 2万+
为什么会出现跨域问题 同源策略 同源策略（Same origin policy）是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的，浏览器只是针对同源策略的一种实现。 什么是跨域 url的协议、域名、端口三者之间任意一个与当前页面url不同即为跨域 非同源限制 【1】无法读取非同源网页的 Cookie、LocalStorage 和 IndexedDB 【2】无法接触非同源网页的 DOM 【3】无法向非同源地址发送 A
如何使用 Nginx 解决跨域问题 (CORS)
最新发布
hello.reader
08-27 2816
跨域资源共享 (CORS, Cross-Origin Resource Sharing) 是一种机制，它允许一个域名下的网页资源被来自另一个域名的网页所访问。这在现代 web 开发中非常常见，因为前端和后端通常托管在不同的服务器上。然而，默认情况下，浏览器会阻止跨域请求，导致开发者在实现前后端分离时遇到跨域问题。本文将通过 Nginx 来解决这个问题，详细讲解步骤，适合刚接触 Nginx 和 CORS 的新手。CORS 是一种浏览器安全机制，用于决定 Web 应用是否能够跨域请求资源。
前后端分离项目使用Nginx配置负载均衡
shaoduo的博客
06-09 2019
前后端分离项目使用Nginx配置负载均衡 其实Nginx官方文档有一篇文章专门介绍如何配置负载均衡，见:Using nginx as HTTP load balancer, 非常详细。这篇博客主要结合前后端异构项目(Asp.Net Core WebApi + Angular/Vue/React等)，简单总结一下Nginx使用及心得。 1. 下载安装启动Nginx 从官方网站https://nginx.org/en/download.html下载Nginx，需要注意的是：Nginx提供Mainl..
解决 strict-origin-when-cross-origin 问题
热门推荐
时间静止
02-01 15万+
使用90版本之后的谷歌浏览器, 在部署前端项目后, 调用后端接口出现 strict-origin-when-cross-origin, 并且静态资源被拦截的情况的解决
strict-origin-when-cross-origin nginx、tomcat、java、vue 跨域问题
野的博客
08-10 7万+
配置跨域时，要考虑当前环境，只是代码层次，还是tomcat部署后的，再或者是nginx转发后的 java import java.util.List; import org.springframework.context.annotation.Configuration; import org.springframework.format.FormatterRegistry; import org.springframework.http.converter.HttpMessageConverter;
WebMvcConfigurerAdapter各个方法的作用
u013343616的博客
08-02 331
public abstract class WebMvcConfigurerAdapter implements WebMvcConfigurer { /** 设置匹配路由请求规则 **/ public void configurePathMatch(PathMatchConfigurer configurer) { } /** 配置内容裁决的一些选项 **/ public void configureContentNegotiation(ContentNegotiationConfigure
nginx中配置跨域支持功能
卢艳亮
04-01 664
在nginx.conf中配置 http {   ......   add_header Access-Control-Allow-Origin *;   add_header Access-Control-Allow-Headers X-Requested-With;   add_header Access-Control-Allow-Methods GET,POST,OPTIONS;
利用Nginx处理Vue开发环境的跨域的方法
09-29
主要介绍了利用Nginx处理Vue开发环境的跨域的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
cross-origin
05-14
跨域及用户验证 CommonServer 启动公共服务，其他几个项目都请求这个服务的接口，产生跨域 npm run common JSONP 核心原理： 利用script请求后端数据，解析执行，通过传入浏览器端存在的函数名，后端使用改函数包裹...
Nginx跨域设置Access-Control-Allow-Origin无效的解决办法
09-30
在Web开发中，由于浏览器的同源策略限制，不同源的资源之间无法直接进行交互，这就是所谓的跨域问题。为了克服这一限制，开发者通常会利用HTTP头部的`Access-Control-Allow-Origin`字段来允许特定或所有来源的请求。...
Referrer-Policy : strict-origin-when-cross-origin解决方案
小白的博客
06-05 733
2.如果步骤一解决不了问题,就在谷歌浏览器右键属性后边加 --disable-web-security,–前边有空格。1.将资源包中两个文件放在启动类同级目录。
Nginx配置HTTPS 访问前端报错 strict-origin-when-cross-origin
Sareyer的博客
03-15 1万+
Nginx conf 文件 配置 http 以及 https 后，http可以正常访问前端页面，https访问报错：strict-origin-when-cross-origin，尝试：检查443端口状态，并重新加载防火墙配置。 1.查看443端口状态 firewall-cmd --add-port=443/tcp --zone=public --permanent 正常则返回：success 2.重新加载 firewall-cmd --reload ...
【 一strict-origin-when-cross-origin错误 】
u012632105的博客
05-22 6018
https://blog.csdn.net/weixin_43405946/article/details/118221871
strict-origin-when-cross-origin 跨域
08-18
跨域问题 "strict-origin-when-cross-origin" 是由于服务器端设置了多次跨域引起的。通常情况下，只需要在服务器端设置一次跨域即可。在你提供的引用中，可能是在Nginx/Gateway设置了一次跨域，而被调用的微服务项目又额外设置了一次跨域，导致前端在访问服务器时发生了两次跨域请求，从而导致了这个问题的出现。要解决这个问题，你可以检查并确保只在一个地方进行跨域设置，而不是重复设置跨域。确保在Gateway网关或者微服务项目中只设置一次跨域即可。这样可以避免出现"strict-origin-when-cross-origin"跨域报错。<span class="em">1</span><span class="em">2</span> #### 引用[.reference_title] - *1* *2* [Strict-origin-when-cross-origin跨域问题](https://blog.csdn.net/qq_36971119/article/details/121401468)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值