WebApi 上的 AngularJS 和 OWIN 身份验证

我已经在我的 WebApi 上实现了基于 OWIN 令牌的身份验证，我还通过调用启用了 CORSapp.UseCors(Microsoft.Owin.Cors.CorsOptions.AllowAll)

我可以从 angularjs Web 客户端访问应用程序的各个不安全部分。我用过这个http拦截器 https://github.com/witoldsz/angular-http-auth/tree/gh-pages，当我尝试访问受保护的资源时，我会弹出登录窗口。

现在为了登录我必须打电话http://mywebapi/token使用表单编码的用户名密码和 grant_type，请参阅下面的我的标头签名（来自 chrome）

Request URL:http://mywebapi/token
Request Headers CAUTION: Provisional headers are shown.
Accept:application/json, text/plain, */*
cache:false
Content-Type:application/x-www-form-urlencoded
Origin:http://127.0.0.1:49408
Referer:http://127.0.0.1:49408/
User-Agent:Mozilla/5.0 (Macintosh; Intel Mac OS X 10_9_3) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/35.0.1916.153 Safari/537.36
Form Dataview sourceview URL encoded
grant_type:password
UserName:correctuser
Password:Password

当我使用邮递员发送此请求时，它会很好地返回预期的访问令牌，但是当我尝试使用 Angular 的 $http 服务时，它会发出 OPTIONS 请求（我可以在开发工具控制台中看到这一点），但由于某种原因我得到这个错误信息

No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://127.0.0.1:49408' is therefore not allowed access.

注意：这只发生在表单 url 编码的 /token 请求中，对于所有其他 json 请求，标头会按预期添加。有人可以帮忙吗，我没有主意了。

Thanks

我经历了相同的过程，并花费（浪费？）与大多数人相同的时间来处理 owin + web api。

对我有用的一个解决方案是搬家

app.UseCors(Microsoft.Owin.Cors.CorsOptions.AllowAll);

在管道中的其他所有内容之前。

这是一些代码：

欧文创业公司

[assembly: OwinStartup(typeof(MyApp.Web.Startup))]
namespace MyApp.Web
{
    using Owin;
    using Microsoft.Owin;

    public partial class Startup
    {
        public void Configuration(IAppBuilder app)
        {
        var config = new System.Web.Http.HttpConfiguration();
        ConfigureAuth(app, config);
        }
    }
}

启动 OAuth

public partial class Startup
{
    public void ConfigureAuth(IAppBuilder app, System.Web.Http.HttpConfiguration config)
        {
        // app.UseWelcomePage("/");
        // app.UseErrorPage();

        // Must be the first to be set otherwise it won't work.
        app.UseCors(Microsoft.Owin.Cors.CorsOptions.AllowAll);

        app.CreatePerOwinContext<ApplicationDatabaseContext>(ApplicationDatabaseContext.Create);
        app.CreatePerOwinContext<ApplicationUserManager>(ApplicationUserManager.Create);

        app.UseOAuthBearerAuthentication(new OAuthBearerAuthenticationOptions());

        var OAuthOptions = new OAuthAuthorizationServerOptions
        {
            AllowInsecureHttp = true,
            TokenEndpointPath = new PathString("/token"),
            AccessTokenExpireTimeSpan = TimeSpan.FromDays(1),
            Provider = new DaufAuthorizationServerProvider(),
            RefreshTokenProvider = new SimpleAuthorizationServerProvider(),
        };
        app.UseOAuthAuthorizationServer(OAuthOptions);

        app.UseWebApi(WebApiConfig.Register(config, logger));
        }
}

Web Api

public static class WebApiConfig
{
    public static HttpConfiguration Register(System.Web.Http.HttpConfiguration config, ILogger logger)
        {
            // Web API configuration and services
            // Configure Web API to use only bearer token authentication.
            // This will used the HTTP header: "Authorization"      Value: "Bearer 1234123412341234asdfasdfasdfasdf"
            config.SuppressDefaultHostAuthentication();
            config.Filters.Add(new HostAuthenticationFilter(OAuthDefaults.AuthenticationType));

            // Web API routes
            config.MapHttpAttributeRoutes();

            config.Routes.MapHttpRoute(
                name: "DefaultApi",
                routeTemplate: "api/{controller}/{id}",
                defaults: new { id = RouteParameter.Optional }
            );

            return (config);
        }
}