OWIN CORS Web APIの問題

Question

WebApiを使用しており、OWINを使用してトークンベースの認証を追加しようとしています。クライアントとサービスが同じポートにある場合は正常に動作しています。しかし、両方が異なるサーバー上にあるときに問題に直面する。 Jquery Ajaxメソッドを使用してトークンサービスを呼び出しています。 ここに私が使用したコードサンプルがあります。 OWINコード：

public class Startup 
    { 
     public void Configuration(IAppBuilder app) 
     { 
      HttpConfiguration config = new HttpConfiguration(); 
      WebApiConfig.Register(config); 
      ConfigureOAuth(app); 
      app.UseCors(Microsoft.Owin.Cors.CorsOptions.AllowAll); 
      app.UseWebApi(config); 
     } 
     public void ConfigureOAuth(IAppBuilder app) 
     { 

      OAuthAuthorizationServerOptions OAuthServerOptions = new OAuthAuthorizationServerOptions() 
      { 

       AllowInsecureHttp = true, 
       TokenEndpointPath = new PathString("/WagtokenService"), 
       AccessTokenExpireTimeSpan = TimeSpan.FromMinutes(30), 
       Provider = new ProjectAuthorizationServiceProvider() 
      }; 

      // Token Generation 
      app.UseOAuthAuthorizationServer(OAuthServerOptions); 

      app.UseOAuthBearerAuthentication(new OAuthBearerAuthenticationOptions()); 

     } 

    } 

プロバイダ

public class ProjectAuthorizationServiceProvider : OAuthAuthorizationServerProvider 
    { 
     public override async Task ValidateClientAuthentication(OAuthValidateClientAuthenticationContext context) 
     { 
      context.Validated(); 
     } 

     public override async Task GrantResourceOwnerCredentials(OAuthGrantResourceOwnerCredentialsContext context) 
     { 
      var allowedOrigin = context.OwinContext.Get<string>("as:clientAllowedOrigin"); 
      if (allowedOrigin == null) allowedOrigin = "*"; 
      bool isValidUser = false; 
      context.OwinContext.Response.Headers.Add("Access-Control-Allow-Origin", new[] { "*" }); 

      if (context.UserName == "Test@Mail.com" && context.Password == "national") 
      { 
       isValidUser = true; 
      } 

      if (!isValidUser) 
      { 
       context.SetError("invalid_grant", "The user name or password is incorrect."); 
       return; 
      } 

      var identity = new ClaimsIdentity(context.Options.AuthenticationType); 
      identity.AddClaim(new Claim("sub", context.UserName)); 
      identity.AddClaim(new Claim("role", "admin")); 

      context.Validated(identity); 
     } 
    } 

WEBAPIコンフィグ

public static class WebApiConfig 
    { 
     public static void Register(HttpConfiguration config) 
     { 
      var cors = new EnableCorsAttribute("http://192.168.2.175:3330", "WagtokenService,accept,accesstoken,authorization,cache-control,pragma,content-type,origin", "GET,PUT,POST,DELETE,TRACE,HEAD,OPTIONS"); 

      config.EnableCors(cors); 

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

コードスニペット後ログインボタンをクリックしたときに呼び出されます。

$('#a_login').click(function (e) { 
    debugger; 
    if (isValidEmailAddress($('#txt_UID').val()) && $('#txt_PWD').val() != "") { 
     var loginData = { 
      grant_type: 'password', 
      username: $('#txt_UID').val(), 
      password: $('#txt_PWD').val() 
     }; 

     $.ajax({ 
      url: url_bearerToken, 
      type: 'POST', 
      data: loginData, 
      contentType: "application/json", 
      done: function (data) { 
       // alert('success fully sign in to the application'); 
       sessionStorage.setItem(bearer_token_key, data.access_token); 
      }, 
      success: function (data) { 
       // alert('success fully sign in to the application'); 
       sessionStorage.setItem(bearer_token_key, data.access_token); 
       window.location.href = "../Admin/UserProfiler.html"; 
      }, 
      error: function (x, h, r) { 
       ///e.preventDefault(); 
       // alert("Invalid user credentials"); 
       $('#div_alert').show(); 
       sessionStorage.setItem(bearer_token_key, ''); 
      } 
     }); 
    } 
    else { 
     $('#div_alert').show(); 
    } 
}); 

以下の問題が発生しています。

XMLHttpRequestは、http://localhost:53014/WagtokenServiceをロードできません。プリフライト要求への応答がアクセス制御チェックを通過しない：要求されたリソースに「アクセス制御許可」がない。 Origin 'http://192.168.2.175:3330'はアクセスできません。

Answer 1

Marcus氏によると、CORSの設定については、Web APIまたはOWINのいずれかで十分です。