ASP NET web api POST/DELETE（Angular 6 HttpClient-）

Question

我使用 Visual Studio 15 创建了一个应用程序，使用 ASP.NET Web api 作为后端，在前端使用 Angular 6。我只是想根据数据库中的数据在前端显示/添加/删除用户。我使用 Angular 6 中的 HttpClient 和 GET-Request 来显示用户数据工作正常。我尝试以相同的方式实现 POST/DELETE 请求。这是来自 Angular 的调用：

deleteUser(id: number): Observable<{}> {

    const url = `${this.userURL}/${id}`;

    return this.http.delete(url, { withCredentials: true })

        .pipe(

            catchError(this.handleError('deleteData'))

        );

}

web API：我在 Global.asax.cs 中处理了预检请求：

void Application_PreSendRequestHeaders(Object sender, EventArgs e)

    {

        var origin = Request.Headers.Get("Origin");

        var validOrigins = ConfigurationManager.AppSettings["allowedCorsOrigins"].Split(',');

        if (validOrigins.Any(o => o == origin))

        {

            Response.StatusCode = (int)HttpStatusCode.OK;

            Response.Headers.Set("Access-Control-Allow-Origin", origin);

            Response.Headers.Set("Access-Control-Allow-Credentials", "true");

            Response.Headers.Set("Access-Control-Allow-Headers", "Access-Control-Allow-Headers, access-control-allow-credentials, access-control-allow-headers, access-control-allow-methods, access-control-allow-origin, ontent-type, Origin, Accept, X-Requested-With, Content-Type, Access-Control-Request-Method, Access-Control-Request-Headers, Authorization"); // "Content-Type, Accept, Authorization, withcredentials, Prefer"

            Response.Headers.Set("Access-Control-Expose-Headers", "Claims, *");

            Response.Headers.Set("Access-Control-Allow-Methods", "GET,PUT,POST,OPTIONS,PATCH,DELETE");

        }

    }

Answer 1

[Route("api/User/{id}")]我只是通过在下面插入来解决我的问题[HttpDelete]。UserController.cs 中的删除函数现在看起来像：[HttpDelete][Route("api/User/{id}")][ResponseType(typeof(User))]public async Task<IHttpActionResult> DeleteUser(decimal id){&nbsp; &nbsp; ...}

Answer 2

我对此并不完全确定，但您可以尝试将您的函数签名更改为DeleteUser(int id)（老实说，十进制 id 参数看起来很烦人:)）并检查您的配置文件路由模板（routeTemplate: "api/{controller}/{id}", defaults: new { id = RouteParameter.Optional }）是否与您的参数名称匹配（在这种情况下为 id） .&nbsp;希望这能解决您的问题。