本地 axios 调用无法连接到本地 .net 核心 API

Question

我正在尝试在 .net core 上测试一些性能问题 API (VS2019 .net core 2.2)

我可以使用 swagger 运行在本地机器上 API。

API 是使用 axios 调用从 ReactJS 网络应用程序调用的，我在本地运行ning。调用位于 Azure 服务器（开发、测试、生产）上的 API 成功。

当我从网络应用程序调用本地 API 时，API 收到请求和 returns 响应，但未从网络应用程序中收到。我得到这个错误

Error: Network Error at createError (http://localhost:3000/static/js/0.chunk.js:149705:15) at XMLHttpRequest.handleError (http://localhost:3000/static/js/0.chunk.js:149256:14) {config: {…}, request: XMLHttpRequest, response: undefined, stack: 'Error: Network Error at createError (http…ocalhost:3000/static/js/0.chunk.js:149256:14)', message: 'Network Error'}

我在类似的帖子上看到这可能是一个 CORS 问题。 API 将 CORS 设置为

app.UseCors(policy => policy.AllowAnyHeader().AllowAnyMethod().AllowAnyOrigin().AllowCredentials());

有人知道我可以尝试确定为什么我无法在本地将 Web 应用程序连接到 api 吗？

提前致谢汉克

Answer 1

指定 AllowAnyOrigin 和 AllowCredentials 是一种不安全的配置，可能会导致跨站点请求伪造。 CORS 服务 returns 当应用配置了两种方法时，CORS 响应无效。

您可以将 AllowAnyOrigin 更改为 WithOrigins("Specify the send request origin")。

app.UseCors(policy => policy.AllowAnyHeader().AllowAnyMethod()
                            .WithOrigins("Specify the send request origin").AllowCredentials());

或者您可以将 AllowAnyOrigin 更改为 .SetIsOriginAllowed(_ => true):

app.UseCors(policy => policy.AllowAnyHeader().AllowAnyMethod()
                            .SetIsOriginAllowed(_ => true).AllowCredentials());

本地 axios 调用无法连接到本地 .net 核心 API

Local axios call cannot connect to local .net core API

localhost

asp.net-core

axios