方法删除不允许

Question

当我点击按钮时我正在做一个删除方法，但它说

DELETE http://localhost:5118/api/employeedetails/DeleteEmployeeDetail/16 405 (Method Not Allowed)

我的按钮代码是

deleteEmployee(id) {
    jQuery.support.cors = true;
  fetch('http://localhost:5118/api/employeedetails/DeleteEmployeeDetail/'+ id, {
       method: 'DELETE'
}).then(function(response) {

}).catch(function(err) {
  // Error :(
});

}

我已经在我的网络配置上做了很多改变我不知道哪个有错误

for my web config

       <httpProtocol>
      <customHeaders>
        <add name="Access-Control-Allow-Origin" value="http://localhost:8080" />
        <add name="Access-Control-Allow-Headers" value="Origin, X-Requested-With, Content-Type, Accept,Authorization" />
    <add name="Access-Control-Allow-Methods" value="GET, POST, PUT, DELETE, OPTIONS" />
      </customHeaders>
    </httpProtocol>
    <modules  runAllManagedModulesForAllRequests="false">
      <remove name="FormsAuthentication" />
     <remove name="WebDAVModule" />    
    </modules>
    <handlers>
      <remove name="WebDAV" />   
      <remove name="OPTIONSVerbHandler" />
        <add name="OPTIONSVerbHandler" path="*" verb="GET,HEAD,POST,DEBUG,PUT,DELETE" modules="IsapiModule" scriptProcessor="C:\Windows\System32\inetsrv\asp.dll" resourceType="Unspecified" requireAccess="None" />
         <add name="ExtensionlessUrlHandler-Integrated-4.0" path="*." verb="GET,HEAD,POST,DEBUG,PUT,DELETE" type="System.Web.Handlers.TransferRequestHandler" preCondition="integratedMode,runtimeVersionv4.0" />
      <remove name="Babel" />
      <add name="Babel" verb="GET,HEAD,POST,DEBUG,PUT,DELETE" path="*.jsx" type="React.Web.BabelHandlerFactory, React.Web" preCondition="integratedMode" /><remove name="ExtensionlessUrlHandler-Integrated-4.0" /><remove name="OPTIONSVerbHandler" /><remove name="TRACEVerbHandler" /><add name="ExtensionlessUrlHandler-Integrated-4.0" path="*." verb="*" type="System.Web.Handlers.TransferRequestHandler" preCondition="integratedMode,runtimeVersionv4.0" /></handlers>
  </system.webServer>
  <runtime>