React js 中的 CORS 问题

Question

我在前端使用 React js，在服务端使用 webApi (c#)。最初我在尝试从数据库获取数据时遇到了 CORS 问题，然后我在 web.config 文件中添加了以下行，然后问题得到解决。我能够从 Web api.

获取数据

<customHeaders>
        <add name="Access-Control-Allow-Origin" value="*" />
        <add name="Access-Control-Allow-Headers" value="Content-Type,Origin,Accept" />
        <add name="Access-Control-Allow-Methods" value="GET, POST, PUT, DELETE, OPTIONS" />
</customHeaders>

但现在我正在尝试 post 数据，即将数据从 React js 发送到 Web api，它会抛出相同的 cors 错误。请从 react js

中找到以下几行

fetch(url, {
    method: 'POST',
    mode:'cors',
    // body: JSON.stringify(data),
    // headers :{
    //   'Content-Type': 'application/json',
    //   'Access-Control-Allow-Origin':'*'
    // },
    headers: {
      'Accept': 'application/json',
      'Content-Type': 'application/json',
      'Access-Control-Allow-Origin':'*',
      'Access-Control-Allow-Headers':'Origin,Content-Type,Accept',

    }
  });

有什么我遗漏的吗？我不明白为什么它用于获取数据而不是用于 posting 数据。任何人都可以帮助我吗？提前致谢。

Answer 1

我从 medium.com 获取数据时遇到了笑脸问题。在那里，RSS 提要发生了 CROS 问题。如果您从后端获取 RES 提要数据，则使用 RSStoJSON api。得到https://rss2json.com/#rss_url=http%3A%2F%2Ffeeds.twit.tv%2Fbrickhouse.xml

要post在你的项目中使用这个依赖项https://www.npmjs.com/package/jsonfeed-to-rss

但我遵循了那些机制

我不能说这个问题和你的问题完全一样。如果你提到那个错误，我很容易回答

Answer 2

我已经安装了 Microsoft.AspNet.WebApi.Cors dll 并且 cors 问题得到解决。谢谢大家

React js 中的 CORS 问题

CORS issue in React js

cors

reactjs

webapi