azure - 是否可以使用 NancyFX 启用 CORS？

Question

我有一个用 NancyFX 制作的 API 服务，还有几个前端开发人员针对这个 API 创建了一个 SPA JS 客户端。

我们希望针对已发布的服务器测试客户端代码，而不必过于频繁地发布客户端代码。

但是，客户端在本地主机上运行，​​而服务器在 Windows Azure 上。

在 NancyFX 服务器上启用 CORS 是否可行且容易？我怎样才能做到这一点？

谢谢。

Answer 1

Its possible to do this in the bootstraper of Nancy

protected override void RequestStartup(TinyIoCContainer container, IPipelines pipelines, NancyContext context)
    {

       //CORS Enable
        pipelines.AfterRequest.AddItemToEndOfPipeline((ctx) =>
        {
            ctx.Response.WithHeader("Access-Control-Allow-Origin", "*")
                            .WithHeader("Access-Control-Allow-Methods", "POST,GET")
                            .WithHeader("Access-Control-Allow-Headers", "Accept, Origin, Content-type");

        });

Answer 2

如果您使用 IIS 来托管 Nancy，在这种情况下是在 Windows Azure 上，那么您只需更新 web.config 以将标头添加到每个请求。

这可以通过添加以下内容来完成：

<system.webServer>
  <httpProtocol>
    <customHeaders>
      <add name="Access-Control-Allow-Origin" value="*" />
    </customHeaders>
  </httpProtocol>
</system.webServer>

或者，您可以按照 Sunny 的建议进行操作，如果您不喜欢每次都这样写，您可以添加自己的扩展方法：

public static class NancyExtensions
{
    public static void EnableCors(this NancyModule module)
    {
        module.After.AddItemToEndOfPipeline(x =>
        {
            x.Response.WithHeader("Access-Control-Allow-Origin", "*");
        });
    }
}

然后你可以打电话给this.EnableCors()你的路线。

Answer 3

如果您的 HTTP 请求很简单，那么Phill 的回答就足够了，但如果请求不那么简单，浏览器将发送预检检查。预检检查是一个 OPTIONS HTTP 请求，这也必须处理。

这是配置 CORS 的扩展方法：

public static class MyNancyExtension
{
    public static void EnableCORS(this Nancy.Bootstrapper.IPipelines pipelines)
    {
        pipelines.AfterRequest.AddItemToEndOfPipeline(ctx =>
        {
            if (ctx.Request.Headers.Keys.Contains("Origin"))
            {
                var origins = "" + string.Join(" ", ctx.Request.Headers["Origin"]);
                ctx.Response.Headers["Access-Control-Allow-Origin"] = origins;

                if (ctx.Request.Method == "OPTIONS")
                {
                    // handle CORS preflight request

                    ctx.Response.Headers["Access-Control-Allow-Methods"] =
                        "GET, POST, PUT, DELETE, OPTIONS";

                    if (ctx.Request.Headers.Keys.Contains("Access-Control-Request-Headers"))
                    {
                        var allowedHeaders = "" + string.Join(
                            ", ", ctx.Request.Headers["Access-Control-Request-Headers"]);
                        ctx.Response.Headers["Access-Control-Allow-Headers"] = allowedHeaders;
                    }
                }
            }
        });
    }
}

要启用 CORS，请在引导程序中调用此扩展方法：

protected override void ApplicationStartup(Nancy.TinyIoc.TinyIoCContainer container, Nancy.Bootstrapper.IPipelines pipelines)
{
    base.ApplicationStartup(container, pipelines);

    pipelines.EnableCORS();
}

请注意，它没有扩展 NancyModule，因为OPTIONS 是在模块之外处理的（也在此处）。