0

我在前端使用 React js，在服务端使用 webApi (c#)。最初我在尝试从 db 获取数据时遇到了 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>

但是现在我正在尝试发布数据，即将数据从 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',

    }
  });

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

4

2 回答 2

1

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

于 2019-12-06T06:25:46.020 回答
0

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

要在您的项目中发布使用此依赖项 https://www.npmjs.com/package/jsonfeed-to-rss

但我遵循了那些机制

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

于 2019-12-03T21:07:26.377 回答