angularjs - `$http:badreq Bad Request Configuration` - 来自 Angular 发布方法，这里有什么问题？

Question

我正在开发示例应用程序以使用 node.js 学习 angularjs。当我将数据发布到后端以创建一个新的 family 时，出现以下错误:

Error: $http:badreq
Bad Request Configuration
Http request configuration url must be a string.  Received: 
{
    "method":"POST",
    "url":"api/family",
    "data":  {
                "username":"fagruddin",
                "password":"valaanur",
                "familyLeader":"fagruddin",
                "husband":"fagruddin",
                "wife":"rejiya",
                "child":2
     },
     "headers":{
         "Content-Type":"application/x-www-form-urlencoded"
     }
}

这里有什么问题吗？有人帮我解决这个问题吗？

Live Demo for your reference

Answer 1

如果您使用的是快捷方式发布方法，您可以省略配置参数，使第一个参数成为 url。

由于您传入的是配置对象而不是 url 作为第一个参数，因此您收到了错误。

$http.post(
  '/api/family', 
  vm.form, 
  {headers: {'Content-Type': 'application/x-www-formurlencoded'}}
).success(function(data) {
    console.log( 'data', data );
})

如果你使用直接的http，那么你可以传递配置对象:

$http({
    method: 'POST',
    url: 'api/family',
    data : vm.form,
    headers: {'Content-Type': 'application/x-www-form-urlencoded'}
}).success(function(data) {
    console.log( 'data', data );
})