我不确定自己缺少什么,但似乎无法使我的CORS策略与.NET Core 3.1和Angular 8客户端一起使用。
Startup.cs
:
public void ConfigureServices(IServiceCollection services)
{
// ...
// Add CORS policy
services.AddCors(options =>
{
options.AddPolicy("foo",
builder =>
{
// Not a permanent solution, but just trying to isolate the problem
builder.AllowAnyOrigin().AllowAnyMethod().AllowAnyHeader();
});
});
services.AddControllers();
}
public void Configure(IApplicationBuilder app, IWebHostEnvironment env)
{
if (env.IsDevelopment())
{
app.UseDeveloperExceptionPage();
}
app.UseHttpsRedirection();
// Use the CORS policy
app.UseCors("foo");
app.UseRouting();
app.UseAuthorization();
app.UseEndpoints(endpoints =>
{
endpoints.MapControllers();
});
}
错误消息客户端:
Access to XMLHttpRequest at 'https://localhost:8082/api/auth/' from origin 'http://localhost:4200' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
更新:
虽然我是不正确的配置CORS(以下公认的答案与事实帮助做的)问题的根源是不相关的。对于其他上下文,使用CLI运行API和Angular应用程序时,该应用程序运行完全正常-在将它们都部署到Web服务器后,我才遇到这个问题。
最终,“实际”问题与SQL连接有关,只有在将平面文件错误日志记录添加到API并运行SQL Server跟踪以发现该应用程序根本无法连接到SQL后,我才发现该问题。
我通常希望它只返回500,而我会在大约10秒钟的时间内意识到这个问题-但是CORS的配置错误意味着从没有真正返回500,因为CORS中间件首先失败了。 绝对地说,这真令人沮丧!。但是,我想在这里补充一下,以防其他人陷入这种情况,因为如果您愿意的话,我就是在“追错兔”。 修复CORS配置后,我意识到实际的问题与CORS完全无关。
TL; DR; -如果未正确设置CORS策略,有时“ Non-CORS” .NET服务器端错误可能会作为CORS错误返回
参考文献:
https://medium.com/swlh/cors-headers-with-dot-net-core-3-5c9dfc664785
app.UseCors("foo");
之前app.UseHttpsRedirection();