Angular 和 Web API 基于令牌的身份验证 – 404 错误

Question

我正在使用 Angular 和 ASP.NET Web API。当我尝试基于令牌的身份验证并发送登录请求时，我收到以下错误：POST http://localhost:53339/token 404 (Not Found)

我尝试了多种解决方案。

webapi 启动类：

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

public void ConfigureOAuth(IAppBuilder app)
{
    // For more information on how to configure your application, visit http://go.microsoft.com/fwlink/?LinkID=316888
    app.UseCors(Microsoft.Owin.Cors.CorsOptions.AllowAll); //For support cross region
    var testProvider = new Providers.MyAuthorizeProvider();
    OAuthAuthorizationServerOptions options = new OAuthAuthorizationServerOptions
    {
        AllowInsecureHttp = true,
        TokenEndpointPath = new PathString("/token"),
        AccessTokenExpireTimeSpan = TimeSpan.FromDays(14.0),
        AuthorizationCodeExpireTimeSpan = TimeSpan.FromDays(14.0),
        RefreshTokenProvider = new Providers.RefreshTokenProvider(),
        Provider = testProvider ,
    };
    app.UseOAuthAuthorizationServer(options);
    app.UseOAuthBearerAuthentication(new OAuthBearerAuthenticationOptions());
}

我想要通过 Angular 和 Web API 进行基于令牌的身份验证。

---

当我尝试调用 api 时，它显示此 404 错误本地主机未找到

<rewrite> 
  <rules> 
    <rule name="RewriteRules" stopProcessing="true"> 
      <match url=".*"/>
      <conditions logicalGrouping="MatchAll">
        <add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true"/>
        <add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" />
        <add input="{REQUEST_URI}" pattern="^/(api)" negate="true" /> 
      </conditions> 
      <action type="Rewrite" url="/index.html" /> 
    </rule> 
  </rules> 
</rewrite>

Answer 1

由于您使用的是 URL 重写规则，因此您需要为您的令牌端点 (/token) 添加一个例外。这是一个例子：

<rewrite>
    <rules>
        <rule name="RewriteRules" stopProcessing="true">
            <match url=".*" />
            <conditions logicalGrouping="MatchAll">
                <!-- EXISTING RULES -->
                <!-- Add this rule: -->
                <add input="{REQUEST_URI}" pattern="^/token" negate="true" />
            </conditions>
            <action type="Rewrite" url="/" />
        </rule>
    </rules>
</rewrite>