React 应用程序访问 ABP.IO Swagger 端点返回 CORS 错误（OpenIddict）

Question

经过多年的 MVC 之后，我正在制作我的第一个 React 应用程序，感觉自己就像个小孩。

我正在尝试访问我的 ABP.IO Swagger API。 当我通过浏览器手动尝试时，Url 工作正常并正确返回 json 数据。当我尝试从 React 应用程序中使用 Axios 访问它时，我收到 CORS 错误。

这是我的反应代码：

     const swaggerUrl = 'https://localhost:44331/api/app/story/';
     const response = await axios.get(swaggerUrl);

以下是来自开发工具的错误消息：

在我的后端，我配置了 openIdDict，就像 ABP.IO 建议的 OpenIdDictDataSeedContributor 一样，并且还运行了迁移：

并将配置值添加到 DBMigrator 项目中。

我有什么遗漏的吗？ 我的 React 应用程序在 HTTP 上本地运行，但这应该不是问题，对吧？ 我还需要在哪里配置 ABP 后端以允许 CORS？

如果有任何提示能够推动我走向正确的方向，我会非常高兴<3

Answer 1

我认为您复制了“Web Client”而不是“Console Test / Angular Client”的迁移代码，两者之间存在差异。 为了进行测试，在您的配置文件中，尝试将

RootUrl

从

Storywise_Web_React_Viet

部分移动到

Storywise_App

部分。