在 Google App Engine 柔性环境中启用 CORS

Question

我在为使用 Google App Engine 和柔性环境托管的 ASP.NET CORE 应用程序启用 CORS 支持时遇到问题。

使用 axios 库的每个 AJAX 请求都会导致以下错误...

在“https://api.[something].services/request”访问 XMLHttpRequest 来自原点“http://localhost:8080”已被 CORS 策略阻止： 请求中不存在“Access-Control-Allow-Origin”标头 资源。

这里是web api上CORS的配置：

public void ConfigureServices(IServiceCollection services)
{
    services.AddCors(options => 
    options.AddPolicy("MyPolicy", 
        builder =>
        {
            builder.AllowAnyOrigin()
            .AllowAnyMethod()
            .AllowAnyHeader()
            .AllowCredentials();
        }));

   // ...

   services.AddMvc();
}

public void Configure(IApplicationBuilder app, IHostingEnvironment env)
{
    if (env.IsDevelopment())
    {
        app.UseDeveloperExceptionPage();

        System.Environment
              .SetEnvironmentVariable("GOOGLE_APPLICATION_CREDENTIALS",
                          Path.Combine(Directory.GetCurrentDirectory(),
                          Configuration["GAE:Credentials"]));
    }
    else
    {
        app.UseHsts();
    }

    // ...

    app.UseCors("MyPolicy");
    app.UseHttpsRedirection();
    app.UseMvc();
}

Answer 1

这种类型的 CORS 错误通常是在资源 1 向另一个资源 2 进行跨域 HTTP 请求而资源 2 的处理程序返回包含值 http://resource1 的响应标头时获得的。

考虑到这一点，http header handler 配置需要在 App Engine 中部署的应用程序 App.yaml 文件中进行适当设置。大多数浏览器使用 XMLHttpRequest 对象进行跨域请求，负责插入正确的标头并处理与服务器的 CORS 交互。

以上所有这些信息都适用于 App Engine Standard，而不是 App Engine Flex 环境。那是因为CORS requests are disallowed by default on App Engine Flex。不过you can allow CORS request by adding this "x-google-endpoints" to your API configuration documentation.