使用method：POST时，AngularJS $资源调用错误的API URL

Question

不是最简单的问题。

无论如何，我的应用程序是基于nodejs / expressjs构建的，并为url设置了API：

编辑：我正在使用的当前代码是：

$scope.updateProduct = $resource('/api/updateProduct/:product/:param/:value',{},{
  query: {method:'GET'},
  post: {method:'POST'},
  save: {method:'PUT', params: {brand: '@brand', param:'@param', value:'@value'}},
  remove: {method:'DELETE'}
});
$scope.updateProduct.save({
    product : $scope.post._id, 
    param: 'likes', 
    value: $scope.user._id
  }); 

目前它调用/api/updateProduct而不是/api/updateProduct/<product>/<param>/<value>就像它应该/当我执行$scope.updateProduct.get() 。

在我的控制台中，我看到（作为示例）：

 PUT /api/updateBrand/Quay%20Eyewear%20Australia/userTags/sunglasses,%20classic 200 30ms - 2.31kb

但是，API实际上并未访问/没有任何反应。 有趣的是，如果我在我的浏览器中访问localhost:5000/api/updateBrand/Quay%20Eyewear%20Australia/userTags/sunglasses,%20classic ，它会发布正确的数据并在我的数据库中更新产品，所以这绝对是一个错误。方式调用$resource 。

Answer 1

正如您在ngResource文档中看到的那样 ， $resource接收3个参数：

$resource(url[, paramDefaults][, actions]);

您将动作作为参数传递。

正确的版本是：

$scope.updateProduct = $resource('/api/updateProduct/:product/:param/:value',{}, {'save':{method:'POST'}});

请注意，它甚至不是必需的，因为当您使用$resource您已经创建了默认方法：

{ 
    'get':    {method:'GET'},
    'save':   {method:'POST'},
    'query':  {method:'GET', isArray:true},
    'remove': {method:'DELETE'},
    'delete': {method:'DELETE'} 
};

Answer 2

首先，您已将save()定义为具有名为“brand”的参数，但在您的url模板和save()调用中，您使用的是“product”。 我想这是一个错字。

你说当你使用浏览器访问网址时，它运作良好; 但是当angular对同一个url发出PUT请求时，什么也没发生。 这表示您的后端配置为仅处理此特定URL模式的GET请求。 因此，您需要确保您的后端正在接受PUT请求。

Answer 3

我正在努力解决这个问题，并且能够通过执行下面的等效调用将参数传递给资源（在'save'之前注意'$'）。

$scope.updateProduct.$save({
    product : $scope.post._id, 
    param: 'likes', 
    value: $scope.user._id
});  

我也没有在资源中定义'save'方法。 根据Angular文档 ：

“调用这些方法（意味着非GET方法）使用给定的方法，参数和标题在url模板上调用$ http。当从服务器返回数据时，该对象是资源类型的实例，所有非-GET方法有$前缀。这使您可以轻松地支持服务器端数据的CRUD操作（创建，读取，更新，删除）。“