$http.delete(）通过AngularJS到Laravel后端API导致405(方法不允许）

我正在创建一个Recipe应用程序，该应用程序具有AngularJS前端和Laravel后端（设置为API）。当我查看配方的详细视图时，我希望用户可以删除该配方。因此，我添加了这个按钮：

<button class="btn btn-danger" ng-show="recipeData.id" ng-click="deleteRecipe(recipeData.id)">
  Delete
</button>

它调用这个函数：

$scope.deleteRecipe = function(id) {
    Recipes.destroy(id)
      .success(function() {
        $location.path('/');
      })
  }

使用此服务/工厂的：

destroy : function(id) {
      return $http.delete('/api/recipes/' + id);
    }

应该根据这些规则进行路由Laravel路由规则：

Route::group(array('prefix' => 'api'), function() {
  Route::resource('recipes', 'RecipeController');
  Route::resource('ingredients', 'IngredientController');
  Route::resource('nutrients', 'NutrientController');
  Route::resource('IngredientsByRecipe', 'IngredientsByRecipeController');
});

在我们的RecipeController中，我们发现了这个功能，它应该负责完成任务：

  public function destroy($id)
  {
    Recipe::destroy($id);
    return Response::json(array('success' => true));
  }

但不知怎么的，我无法让它工作，因为我在浏览器控制台中收到了以下错误消息：

DELETE http://localhost:8000/api/recipes/4 405 (Method Not Allowed)

然而，当我通过终端运行下面的这个命令时，我没有收到任何错误，特定的配方也被删除了。

curl -v -X DELETE http://localhost:8000/api/recipes/4

此问题仅在我运行CodeKit浏览器自动刷新工具时发生。不知道为什么。张贴下面的两个标题，看看你是否注意到任何奇怪的地方。使用CodeKit：

DELETE /api/recipes/8 HTTP/1.1
Host: marcuss-macbook-air.local:5757
Connection: keep-alive
Accept: application/json, text/plain, */*
Origin: http://marcuss-macbook-air.local:5757
User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_10_0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/38.0.2125.111 Safari/537.36
Referer: http://marcuss-macbook-air.local:5757/edit/8
Accept-Encoding: gzip,deflate,sdch
Accept-Language: en-US,en;q=0.8,sv;q=0.6
Cookie: __ngDebug=true; ckrp_ypos=0_0; laravel_session=eyJpdiI6IjFiVWRNSkZhK3hualwvS1FCd29SMk1vaVhJN0Q4Q1RJS1k2TDFnUHBQTWFzPSIsInZhbHVlIjoiOUtRUUFRbUJlaDcyZHJIZE1oQnphUm1wTlZiYmZoQ1VKZXdTWngwM1hLV2s3VjlrSzZ1b3E2Q0dsK1wvRk1mZlNHaG1wcWxBcjc5V2QzOVpSOXpHRElRPT0iLCJtYWMiOiJkNjliMDZjMThjYmVjZDZhZjU2N2ZmMzkwYTUzMjBmYmVlZDc4ZWVlZmFlOWY1YzE5NWYwZDIxNDkwNGU5YmRiIn0%3D

无CodeKit：

DELETE /api/recipes/7 HTTP/1.1
Host: localhost:8000
Connection: keep-alive
Accept: application/json, text/plain, */*
Origin: http://localhost:8000
User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_10_0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/38.0.2125.111 Safari/537.36
Referer: http://localhost:8000/edit/7
Accept-Encoding: gzip,deflate,sdch
Accept-Language: en-US,en;q=0.8,sv;q=0.6
Cookie: __ngDebug=true; laravel_session=eyJpdiI6Ik5iVWpESEYyRk45Yys5REV1OUdOcHlyTXd6YkNsSFlETTFlUkVhNjdseE09IiwidmFsdWUiOiJVRlFka1hERTBmMGJQb3dBQ2YyQmIzZnNGb2hab1VldmFhUUhHeE00czdqUytmVUdXQXRDbXJPc0lTRUpGZDY2K0V3alNHejRIY0JsdkNxQ1ExdlJoZz09IiwibWFjIjoiNzQ2YzIyODRkZjQ0ZTdjODI0YzYxMTVjMzc0ZTJhM2UzZmQyM2Y4OGIwYmJkMzU2ZWNiNzU1NzgzYzBkZDY0ZSJ9

是什么原因导致我的DELETE请求通过Angular（使用CodeKit）获得405’ed，而不是通过我在终端中的curl请求或正常使用Angular？

提前感谢！