AngularJS调用Web API DELETE方法遇405错误，疑路由配置问题

这种405错误在AngularJS搭配Web API的场景里真的挺常见，尤其是你给每个方法配置了两条特性路由后，大概率是路由匹配逻辑或者Web API端的配置出了问题。我来给你拆解几个核心排查方向和解决办法：

1. 先排查Web API端的路由与方法约束 #

首先要确认Web API控制器里的DELETE方法路由有没有明确的HTTP方法约束，以及路由模板是否和其他方法（比如GET）产生冲突：

• 确保你的DELETE方法上同时标注了[HttpDelete]和路由特性，明确告诉路由系统这个方法只处理DELETE请求，比如：

  [HttpDelete]
  [Route("api/items/{id}")]
  public IHttpActionResult DeleteItem(int id)
  {
      // 业务逻辑
  }
  

• 检查你给DELETE配置的两条路由，有没有其中一条的模板和GET方法的路由模板完全一致？比如如果GET和DELETE都用了api/items/{id}，虽然HTTP方法不同，但某些情况下路由系统可能会优先匹配已注册的GET路由，导致DELETE请求被误判。这种情况建议给其中一个方法的路由加个独特的标识，比如把DELETE的其中一条路由改成api/items/delete/{id}。

2. 检查服务器（如IIS）的请求方法限制 #

很多默认的IIS配置会阻止DELETE、PUT这类非GET/POST的请求，这时候需要修改项目的Web.config来开启这些方法的支持：

<system.webServer>
  <modules runAllManagedModulesForAllRequests="true">
    <remove name="WebDAVModule" /> <!-- 移除WebDAV，它会拦截DELETE/PUT请求 -->
  </modules>
  <handlers>
    <remove name="WebDAV" />
    <remove name="ExtensionlessUrlHandler-Integrated-4.0" />
    <add name="ExtensionlessUrlHandler-Integrated-4.0" 
         path="*." 
         verb="GET,HEAD,POST,DEBUG,PUT,DELETE,PATCH,OPTIONS" 
         type="System.Web.Handlers.TransferRequestHandler" 
         resourceType="Unspecified" 
         requireAccess="Script" 
         preCondition="integratedMode,runtimeVersionv4.0" />
  </handlers>
</system.webServer>

3. 验证AngularJS端的请求配置 #

• 确认你的$http.delete调用的URL完全匹配Web API的DELETE路由，比如有没有写错路径、漏传id参数，或者不小心在URL里加了多余的查询参数导致路由不匹配。
• 打开浏览器开发者工具（F12）查看DELETE请求的详情：看请求方法是不是确实是DELETE，响应头里的Allow字段会显示服务器允许的方法，如果里面没有DELETE，那就是服务器端没开启该方法的支持。

4. 路由优先级的调试技巧 #

Web API的路由匹配是按注册顺序和模板具体程度来排序的，更具体的路由会先被匹配。如果你的两条DELETE路由里有一条模板更宽泛（比如不带{id}），而你发送的DELETE请求带了id，可能会匹配到错误的路由。这时候可以：

• 在Web API控制器的各个方法里加断点，看DELETE请求有没有命中目标方法；如果没命中，说明路由根本没匹配到，就要调整路由模板的优先级或具体性。

内容的提问来源于stack exchange，提问作者DesertFoxAZ