无法进行跨源请求（CORS）

Question

我已经在我的ASP中启用了CORS。NET MVC API，使用以下代码：

        public static void Configure(IApplicationBuilder app)
        {
            app.UseCors("CorsName");
        }
        public static void ConfigureServices(IServiceCollection services, IConfiguration config)
        {
            // Configuration and adding Cross-origin resource sharing
            services.AddCors(options =>
            {
                options.DefaultPolicyName = "CorsName";
                options.AddPolicy("CorsName", builder =>
                {
                    builder
                        .WithOrigins(config["AppSettings:CorsOrigin"])
                        .AllowAnyHeader()
                        .AllowAnyMethod()
                        .AllowCredentials()
                        .AllowAnyOrigin()
                        .Build();
                });
            });
        }

我尝试从API获取数据，打开localhost:6320/API/users，它工作了，我获取了所有数据。现在，当我尝试从Angular 7应用程序获取数据时，数据未加载，出现错误

“访问位于的XMLHttpRequest”http://localhost:6320/api/users“起源”http://localhost:4200'已被CORS策略阻止：对飞行前请求的响应未通过访问控制检查：请求的资源上不存在'access control Allow Origin'标头。"

如果启用了CORS，为什么尝试从Angular应用程序获取数据时出错？

这里是应用设置

  "AppSettings": {
    "DashboardUrl": "http://127.0.0.1:4200",
    "CorsOrigin": "http://localhost:4200"
  }

从启动到启动配置。反恐精英

        public Startup(IHostingEnvironment env, IConfiguration configuration)
        {
            Configuration = configuration;

            HostingEnvironment = env;
        }
        public void Configure(IApplicationBuilder app, IHostingEnvironment hEnv)
        {
            InitializeIdentityDbAsync(app.ApplicationServices).Wait();
            DiagnosticsStartup.Configure(app, hEnv);
            CorsStartup.Configure(app);
            IdentityStartup.Configure(app, Configuration);
            MVCStartup.Configure(app);
        }
                public void ConfigureServices(IServiceCollection services)
        {
        CorsStartup.ConfigureServices(services, Configuration);
        services.AddAutoMapper();
        services.AddSingleton<IConfiguration>(o => Configuration);
        services.AddScoped<IAppContext, AppContext>();
        services.AddSingleton<IEmailService, EmailService>();
            services.AddScoped<AuthService>();
            services.AddScoped<UserService>();
            EFStartup.ConfigureServices(services, Configuration);
            IdentityStartup.ConfigureServices(services, HostingEnvironment, Configuration);
            MVCStartup.ConfigureServices(services);
            AutoMapperConfig.RegisterMappings(services.BuildServiceProvider());
        }

Answer 1

您还必须在前端启用CORS。以下是如何启用角CORS的多种方法之一。

步骤1：在主项目文件夹中创建proxyconfig.json文件（在src和node_modules旁边）。

步骤2：

{
  "/api": {
  "target":"url to the server", (eg: "http://45.33.74.207:3000")
  "secure": false,
  "changeOrigin": true
  }
}

将其保存在proxyconfig中。json文件。

步骤3：添加--代理配置proxyconfig。脚本对象内部启动中的json

"start": "ng serve --proxy-config  proxyconfig.json"

在package.json文件里。

步骤4：用npm start保存并启动项目

注意：如果您以（ng serve）开始项目，它将不起作用。

Answer 2

从startup类中删除此选项：

services.AddCors(options =>
{
    options.AddPolicy("CorsName", builder =>
    {
        builder
            .WithOrigins(config["AppSettings:CorsOrigin"])
            .AllowAnyHeader()
            .AllowAnyMethod()
            .AllowCredentials();
    });
});

在配置方法中，请尝试以下操作：

public void Configure(IApplicationBuilder app, IHostingEnvironment env)
{
    //...
    app.UseCors(builder => {
        builder
        .WithOrigins(config["AppSettings:CorsOrigin"])
        .AllowAnyHeader()
        .AllowAnyMethod()
        .AllowCredentials();
     });
    app.UseMvc();
}

If以这种方式工作，因此您对策略及其对UseCors方法的分配有问题。

Answer 3

你加了两次起源。首先，通过。与起源（配置["AppSet： CorsOrigin"]），然后通过。AllowAnyOrigin（）.如果只允许特定的原点（考虑到您的配置，我认为这是正确的），请删除。AllowAnyOrigin（）调用。

尝试：

services.AddCors(options =>
{
    options.AddPolicy("CorsName", builder =>
    {
        builder
            .WithOrigins(config["AppSettings:CorsOrigin"])
            .AllowAnyHeader()
            .AllowAnyMethod()
            .AllowCredentials();
    });
});

检查您从配置["AppSet： CorsOrigin"]中获得的内容。您是否有一个名为AppSet的密钥？

此外，您可能（而且很可能是）正在调用应用程序。UseMvc（） 在<代码>应用程序之前。UseCors（） 。确保Configure方法的顺序如下：

public void Configure(IApplicationBuilder app, IHostingEnvironment env)
{
    //...
    app.UseCors("CorsName");
    app.UseMvc();
}