通过客户端访问时,Rest API 获取 CORS

Posted

技术标签:

【中文标题】通过客户端访问时,Rest API 获取 CORS【英文标题】:Rest API getting CORS when accessing through client 【发布时间】:2021-01-23 03:41:02 【问题描述】:

你能帮帮我吗?我目前一直在解决这个问题。我创建了一个托管在 Azure 中的 .Net Core Rest API。我正在使用我的 reactjs 应用程序使用那个 REST API。每当我尝试访问它时都会出现此错误。

这是我的其余 API startup.cs

下面是我的 ReactApplication

我做错了吗?

注意:我的 reactjs 应用所在的 URL 是“https://clienturl.com”

【问题讨论】:

你是否也在Startup的Configure方法中添加了CORS中间件? 在将 Web 应用程序托管到 Azure 之前,请求是否成功?我找到了一个线程,似乎在 Azure 门户中有一个 CORS 部分,尝试在 Azure 中检查它,确保它允许相关的来源。参考:ASP.NET Core CORS WebAPI: no Access-Control-Allow-Origin header 【参考方案1】:

这个错误是由于CORS造成的,这意味着在没有事先许可的情况下,一个域名A中的资源不能访问另一个域名B中的资源。 您可以在后端服务器中为您的前端应用程序启用 CORS,或者如果它只是用于开发,请使用 plugin

【讨论】:

am... 抱歉,我不认为安装插件是一个好的选择。想知道我是否能找到一个解决方案,我只需要在我的代码中修复一些东西 您的代码很好,您只需要按照我的建议在 API 服务器中启用 CORS,请查看我分享的链接。

以上是关于通过客户端访问时,Rest API 获取 CORS的主要内容,如果未能解决你的问题,请参考以下文章

如何使用CORS保护REST API?

JIRA REST API cors

调用 REST API、JavaScript 时的 CORS 策略 [重复]

使用我的 node/express rest api 服务器获取数据时 CORS 被阻止

SpringBoot rest-api+Vue CORS跨域.md

Tomcat REST API 上的 CORS 访问