前端调用后端 strict-origin-when-cross-origin 解决
时间: 2023-07-17 09:55:07 浏览: 123
"strict-origin-when-cross-origin" 是一种浏览器跨域策略,它限制了从跨域源加载资源时所发送的请求头信息。这种策略在前端调用后端时可能会导致跨域问题。
要解决这个问题,可以在后端接口的响应头中设置允许跨域请求的信息。具体来说,可以设置 "Access-Control-Allow-Origin" 头部,将其值设置为前端页面所在的域名。例如:
```
Access-Control-Allow-Origin: http://example.com
```
这样就允许来自 http://example.com 域名的前端页面调用接口了。如果想允许来自任何域名的请求,可以将其值设置为 "*"。
除了 "Access-Control-Allow-Origin" 头部之外,还可以设置其他跨域相关的头部,例如 "Access-Control-Allow-Methods" 和 "Access-Control-Allow-Headers" 等。具体的设置可以根据实际情况进行调整。
相关问题
若依部署到云服务器本地调用 strict-origin-when-cross-origin
对于这个问题,我不太清楚您的具体情况,但是我可以给您一些一般性的建议。若依部署到云服务器本地调用 strict-origin-when-cross-origin,需要确保您的服务器已经正确配置了 HTTPS 证书,并且在服务器端设置了 CORS(跨域资源共享)策略,以允许来自其他域名的请求访问您的 API。此外,您还需要在客户端代码中设置请求头,以确保请求能够正确发送。
strict-origin-when-cross-origin 跨域
跨域问题 "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 ]
阅读全文