cors 相关问题

当您在浏览器devtools控制台中看到有关CORS(跨源资源共享)的消息时,请使用此标记 - 例如,您的浏览器记录了有关Access-Control-Allow-Origin的错误,并且您想知道如何消除错误。还有关于CORS协议的其他问题(在https://fetch.spec.whatwg.org/中定义,作为使用响应头来告诉浏览器放宽同源策略并允许跨源XHR / Fetch / Ajax的方法)要求)

小项目生产中如何解决CORS问题?

我正在使用 zenquotes API 为自己创建一个生产力工具作为初学者项目。这是一个生产力工具,每天需要在屏幕顶部显示报价。 问题: 1) ...

回答 1 投票 0

React 前端中的 CORS 策略问题,后端使用 FastAPI 尝试使用 Microsoft 单点登录

我正在尝试使用react和FastAPI实现SSO,但我一直因为CORS而受苦。 我尝试了多种方法,使用中间件,设置标头等,但没有成功 我在 Re 上有这个正面...

回答 1 投票 0

无法从 Cloudflare R2 访问 JavaScript 模块...为什么我会收到 CORS 错误?

我正在使用 R2 为我的网页 index.html 提供静态文件: <p>我正在使用 R2 为我的网页 index.html 提供静态文件:</p> <pre><code> &lt;script type=&#34;module&#34; src=&#34;{% static &#39;js/display.js&#39; %}&#34;&gt;&lt;/script&gt; &lt;script type=&#34;module&#34; src=&#34;{% static &#39;js/run-model.js&#39; %}&#34;&gt;&lt;/script&gt; &lt;script src=&#34;{% static &#39;js/file.js&#39; %}&#34;&gt;&lt;/script&gt; </code></pre> <p>显示.js</p> <pre><code>import { variable1, function1} from &#34;./run-model.js&#34;; </code></pre> <p>运行模型.js</p> <pre><code>import { variable2, function2} from &#34;./display.js&#34;; </code></pre> <p>该站点能够加载 js 文件,但是当模块尝试导入变量时,它还会引发 CORS 错误。我尝试在 Cloudflare 中添加一条规则,将 Access-Control-Allow-Origin 标头设置为 *,并在存储桶上为我的域<a href="https://www.example.com" rel="nofollow noreferrer">https://www.example.com</a> 中的任何内容设置 CORS 策略。还是同样的问题...这是为什么?</p> <blockquote> <p>从源“https://www.example.com”访问“https://<>.r2.cloudflarestorage.com/bucket/js/display.js”处的脚本已被 CORS 策略阻止:无“访问” -Control-Allow-Origin'标头存在于请求的资源上。</p> </blockquote> <blockquote> <p>获取 https://<>.r2.cloudflarestorage.com/bucket/js/display.js net::ERR_FAILED 400(错误请求)</p> </blockquote> <blockquote> <p>从源“https://www.example.com”访问“https://<>.r2.cloudflarestorage.com/bucket/js/run-model.js”处的脚本已被 CORS 策略阻止:否请求的资源上存在“Access-Control-Allow-Origin”标头。</p> </blockquote> <blockquote> <p>获取 https://<>.r2.cloudflarestorage.com/bucket/js/run-model.js net::ERR_FAILED 400(错误请求)</p> </blockquote> <p>这两个失败的项目没有 Access-Control-Allow-Origin 标头,并且 Content-Type 标头为“application/xml”:</p> <p><a href="https://i.sstatic.net/82dB7LET.png" rel="nofollow noreferrer"><img src="https://cdn.txt58.com/i/AWkuc3N0YXRpYy5uZXQvODJkQjdMRVQucG5n" alt="enter image description here"/></a></p> </question> <answer tick="false" vote="0"> <p>在 Cloudflare 仪表板上,转到相关 R2 存储桶的设置,并更新 CORS 策略以允许您的主机名。</p> <p>例如:</p> <pre><code>[ { &#34;AllowedOrigins&#34;: [ &#34;http://localhost:3000&#34;, &#34;https://my-app.pages.dev&#34; ], &#34;AllowedMethods&#34;: [ &#34;GET&#34; ], &#34;AllowedHeaders&#34;: [ &#34;*&#34; ] } ]``` </code></pre> </answer> </body></html>

回答 0 投票 0

为什么即使我使用 cors 依赖项,获取也会失败?

仅使用简单的代码,可以正常工作,但是当我尝试从谷歌控制台获取本地主机时,会显示错误: fetch('http://localhost:3500/');承诺 {} VM42:1 得到...

回答 1 投票 0

Angular 18 前端的 ASP.NET Core 8 Web API CORS 问题

我遇到了 CORS 问题,我根本无法理解,希望有人可以帮助我。 我的前端是 Angular 18,后端是带有一些端点的 ASP.NET Core 8 Web API,但并非所有端点都适用于...

回答 1 投票 0

.net core 8 Web API CORS 与 Angular18 前端的问题

我遇到了 CORS 问题,我根本无法理解,希望有人可以帮助我。 前端是 Angular 18。 我的后端 .net core 8 Web API 有一些端点,但由于某种原因并非所有端点都能工作。

回答 1 投票 0

从源“https://our-url”访问“https://our-url/login”处的 XMLHttpRequest 已被 CORS 策略阻止:

** 从源“https://front-end-url”访问“https://back-end-url/login”处的 XMLHttpRequest 已被 CORS 策略阻止:对预检请求的响应未通过访问控制检查:否'

回答 1 投票 0

如何解决 Ajax POST 到 ASP.NET Core 6.0 Web API 中的 CORS 问题?

我有一个 ASP.NET 网站(不是 Web 应用程序),它使用 JQuery 2.1.4 对 ASP.NET Core 6.0 Web API 进行 Ajax POST 调用。 当我调用该方法时,出现 CORS 错误。然而,当我...

回答 1 投票 0

如何解决 AJAX POST 到 .NET Core 6.0 REST API 中的 COR 问题?

我有一个 ASP.NET 网站(不是 Web 应用程序),它使用 JQuery 2.1.4 对 ASP.NET 6.0 REST API 进行 AJAX POST 调用。 当我调用该方法时,出现 COR 错误。 然而,当我做...

回答 1 投票 0

CSS url 中的背景图像被不透明响应阻止阻止

在 Django 中,我使用存储在远程网络存储(Digitalocean Spaces)上的背景图像,如下所示: .bg-图像 { 背景图像: url("{{ instance.background.url }}&qu...</desc> <question vote="0"> <p>在 Django 中,我使用存储在远程网络存储(Digitalocean Spaces)上的背景图像,如下所示:</p> <pre><code>&lt;style&gt; .bg-image { background-image: url(&#34;{{ instance.background.url }}&#34;); } &lt;/style&gt; </code></pre> <p>但是请求被阻止了<pre><code>A resource is blocked by OpaqueResponseBlocking</code></pre>。</p> <p>相同的图像通过 <pre><code>img</code></pre> 标签加载到同一页面的另一个位置,没有问题。</p> <p>理解问题:css-url 被阻止而 img-url 通过的服务器端请求有什么区别?</p> <p><a href="https://i.sstatic.net/F0D3jaeV.jpg" rel="nofollow noreferrer"><img src="https://cdn.txt58.com/i/AWkuc3N0YXRpYy5uZXQvRjBEM2phZVYuanBn" alt="CORS Panel"/></a></p> </question> <answer tick="false" vote="1"> <p>不透明响应阻塞是一项等待纳入 fetch 标准的新功能,请参阅<a href="https://github.com/whatwg/fetch/pull/1755" rel="nofollow noreferrer">https://github.com/whatwg/fetch/pull/1755</a>。其目的如下:</p> <blockquote> <p>本质上,CSS、JavaScript、图像和媒体(音频和视频)可以跨域请求 没有 CORS 协议的起源。不幸的是,除了 CSS 之外,没有 MIME 类型 执法。该算法的目的是阻止尽可能多的不属于其中之一的响应 类型(或这些类型的较新变体)以避免通过侧通道泄漏其内容。</p> </blockquote> <p>实现此功能的浏览器会阻止使用 XML mime 类型(例如,<pre><code>Content-Type: application/xml</code></pre>)提供的图像,但允许使用 <pre><code>Content-Type: image/svg+xml</code></pre>。</p> </answer> <answer tick="false" vote="0"> <p>这里的具体问题是我使用 <pre><code>&lt;style&gt;</code></pre> 标签来设置背景图像。我猜这迫使 django 用 <pre><code>Content-Type: application/xml</code></pre> 发送被阻止的请求。</p> <p>将代码更改为:</p> <pre><code>&lt;div style=&#34;background-image: url(&#39;{{ instance.background.url }}&#39;);&#34;&gt; ... &lt;/div&gt; </code></pre> <p>解决了问题。</p> </answer> </body></html>

回答 0 投票 0

当我尝试通过 REST API 运行 AWS Lambda 函数时,没有 CORS 错误。我已经尝试了所有可以在网上找到的潜在修复/解决方案。没有运气

尝试通过 JS 代码中的 API 调用(通过 API 网关设置)触发我的 Lambda 函数。 尽管启用了 CORS,并且在

回答 1 投票 0

如何正确地将FastAPI服务器与react集成?

我是 React 和 Fast Api 的新手。 我不太确定我做错了什么。 我有一个快速的 api 服务器,在发布请求时,用户令牌存储在 cookie 中。 我还有一个用 aiogr 编写的电报机器人...

回答 1 投票 0

Axios CORS 尝试使用 React 查询从端点访问数据时出错?

在我的 NextJS 应用程序中,下面的 React Query POST 请求正在尝试访问数据, 从 '@tanstack/react-query' 导入 { useMutation } 从 'axios' 导入 axios 导入 { DCMSRequestData, DCMSResponse } f...

回答 1 投票 0

Quarkus CORS 来源无效

我正在尝试授予我们的非产品 quarkus 容器 CORS 权限以运行到 http://localhost:8080。我感觉我的配置中有一个愚蠢的错误,但我只是没有看到它。 ...

回答 1 投票 0

如何为来自 Twisted 服务器的错误响应设置自定义标头?

特别是,我想为 4xx 和 5xx 添加 CORS 标头,以便我的前端 Web 应用程序可以向用户显示错误信息。 在我的应用程序中,我有一个根资源,我使用 putChild 添加叶资源...

回答 2 投票 0

如何正确地将快速API服务器与React集成?

我是 React 和 Fast Api 的新手。 我不太确定我做错了什么。 我有一个快速的 api 服务器,在发布请求时,用户令牌存储在 cookie 中。 我还有一个用 aiogr 编写的电报机器人...

回答 1 投票 0

VUE JS 3 中从本地主机到第三方 API 的 API 调用存在 Cors 问题

我已经面临 CORS 问题很多天了。我已经应用了 Stack Overflow 中提供的所有解决方案,但对我没有任何帮助。谁能告诉我我的代码出了什么问题?...

回答 1 投票 0

如何在 Node.js/Express 服务器中禁用特殊路由的 CORS 策略?

我正在使用 Node.js/Express 开发后端服务器,我想创建一个每个人都可以访问的外部 API。因此,我需要禁用外部 API 的 CORS 策略,但保留所有 API 的策略

回答 2 投票 0

在我的 MERN Stack 项目上获取 CSRF 有效失败 403,特别是在 iOS 设备上

我有一个 MERN Stack 项目(最初在 Vercel 上部署为两个不同的项目,但现在 Vercel 部署在前端,后端部署在 Heroku 上)。 整个应用程序运行完美...

回答 1 投票 0

如何在express js中处理cors?它适用于 HTTP 模块,但在 Express js 中未定义标头中的起源

我正在使用 Express.js 框架并尝试处理 CORS,但 req.headers.origin 返回未定义。我的 corsOptions 中有一个允许来源的白名单,并且我正在检查...

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.