为什么我的 $resource POST 会导致 404 错误？答案

【问题标题】：Why is my $resource POST resulting in a 404 error?为什么我的 $resource POST 会导致 404 错误？
【发布时间】：2018-02-01 17:16:40
【问题描述】：

我有一个接受 Id 和 bool 的 .Net 移动服务 API。如果我使用正确的参数和标头从 Postman 调用 API，它可以正常工作。当我从我的 AngularJs 应用程序中调用它时，我收到 404 错误，我无法弄清楚原因。

我的后端 API 方法如下所示：

[HttpPost]
public async Task<IHttpActionResult> SetHoldStatus(string id, bool isHeld) 
  => Ok(new 
    { 
        Transfer = await _workItemRepository.SetTransferHoldStatus(id, isHeld) 
    });

我的 AngularJs 控制器如下所示：

(function () {
angular
    .module("pinnacleWarehouser")
    .controller("TransferListCtrl",
    ["transfers",
        "transferWorkItemHoldResource",
        TransferListCtrl]);

function TransferListCtrl(transfers, transferWorkItemHoldResource) {
    var vm = this;

    vm.transfers = transfers;
    vm.length = transfers.length;
    if (vm.length > 0) {
        vm.branch = transfers[0].branchId;

        for (var i = 0; i < vm.transfers.length; i++) {
            vm.transfers[i].transferId = vm.transfers[i].transferId.trim();
        };
    }
    vm.changeHold = function (transferId, isHeld) {
        transferWorkItemHoldResource.save({ Id: transferId, IsHeld: isHeld });
    };
}}());

我的资源如下所示：

(function () {
"use strict";

angular
    .module("common.services")
    .factory("transferWorkItemHoldResource",
    ["$resource", transferWorkItemHoldResource]);

function transferWorkItemHoldResource($resource) {
    return $resource("https://my-test-url.net/api/TransferWorkItem/SetHoldStatus", {}, {
        save: {
            method: 'POST',                 
            headers: { 'ZUMO-API-VERSION': '2.0.0' }
        }
    });
}}());

所以，当我从 Postman 调用 API 时，它会使用我作为参数发送的布尔值来更新记录。它有效。

当我运行应用程序并调用 API 时，我得到的是：

查看开发工具中的请求标头，我可以看到我的参数在请求负载中：

我从来没有尝试过使用 $resource 来发布带有自定义标题和参数的内容，所以我可能会遗漏一些东西。我希望有人能指出我做错了什么。

【问题讨论】：

标签： c# angularjs post angular-resource

【解决方案1】：

您应该将动作参数定义为复杂对象。

改变它

public async Task<IHttpActionResult> SetHoldStatus(string id, bool isHeld)

到

public async Task<IHttpActionResult> SetHoldStatus(SetHoldStatusInput input)

public class SetHoldStatusInput
{
    public string Id { get; set; }

    public bool IsHeld { get; set; }
}

【讨论】：

这正是我需要做的。谢谢！