c# - Angular 6 .Net core 2.2 App 中的 Cors 错误

标签 c# angular cors asp.net-core-mvc asp.net-core-2.0

我开发了 .Net Core MVC (angular) 应用程序和 .net core Api 应用程序

在这两个应用程序中,我都在 Web 应用程序和 api 中启用了 CORS

.Net核心

 services.AddCors(options =>
        {
            options.AddPolicy("CorsPolicy",
                builder => builder.AllowAnyOrigin()
                .AllowAnyMethod()
                .AllowAnyHeader()
                .AllowCredentials());
        });
// in Configure

    app.UseCors("CorsPolicy");

Angular

对于所有的 Get 和 Post 添加像下面这样的标题

get(url: string, options?: any) {
    let headers = new Headers();
    headers.append('Content-Type', 'application/x-www-form-urlencoded');
    headers.append('Access-Control-Allow-Origin', '*');
    headers.append('Accept', 'applcation/ json');
    options = { headers: headers };
    const _url = this.webapiurl + url;
    return this.http.get(_url, options);    
  }

仍然面临 CORS 错误

Access to XMLHttpRequest at 'http://etestservice.qa.com:5003/QA/api/test/GetDetails?email=abc@gmail.com' from origin 'http://etestweb.qa.com::5002' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource

最佳答案

在startup.cs文件中

public void ConfigureServices(IServiceCollection services)
{
        services.AddMvc();

        // app settings configuration.
        services.AddCors(options =>
        {
            // this defines a CORS policy called "default"
            options.AddPolicy("AllowSpecificOrigin", policy =>
            {
                var corsUrlSection = Configuration.GetSection("AllowedOrigins");
                var corsUrls = corsUrlSection.Get<string[]>();
                policy.WithOrigins(corsUrls)
                    .AllowAnyHeader()
                    .WithExposedHeaders("X-Pagination") // add any customer header if we are planning to send any 
                    .AllowAnyMethod();
            });
        });

}



public void Configure(IApplicationBuilder app, IHostingEnvironment environment, ILoggerFactory loggerFactory)
{

        app.UseExceptionMiddleware();

        // Use HTTPS Redirection Middleware to redirect HTTP requests to HTTPS.
        app.UseHttpsRedirection();

        app.UseCors("AllowSpecificOrigin");

        app.UseMvc();

}

在 API 中,

[EnableCors("AllowSpecificOrigin")]
public class Controller
{
   // code...
}

中间件组件的顺序是必须的。所以检查一下。我在这里附上了我的项目代码。

关于c# - Angular 6 .Net core 2.2 App 中的 Cors 错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55154796/

相关文章:

c# - Unity Raycast() 和 DrawRay() 使用相同的输入创建不同的光线

javascript - CORS、IIS7 和 PHP - Access-Control-Allow-Origin 错误

jquery - 跨源请求被阻止 : & Reason: CORS header 'Access-Control-Allow-Origin' missing

c# - 比较两个字符串 C#?

c# - 如何使 .NET 反射与动态生成的对象一起工作?

angular - 什么将两个组成部分定义为家庭?

angular - *ngFor 使用一个函数,返回一个循环

asp.net - 405 方法选项不允许在 asp.net web api Controller 中使用?

c# - MySQL 中的事务 - 无法回滚

unit-testing - 使用 angular2 测试 hammerjs 事件