MVC导航到详细信息

Question

我有一个项目，其中有一个客户列表，我需要详细了解每个客户。但是我得到了

描述：HTTP404。您正在寻找的资源（或其依赖项之一）可能已被删除，名称更改或暂时不可用。请查看以下URL，并确保其拼写正确。

我已经尝试对其进行调试，但是即使在ActionResult详细信息被触发之前，我仍然会收到错误消息

methods: {
    filterMostRecentActive(arr, startProp, endProp) {
      if (arr) {
        let mostRecent = this.filterMostRecentObj(arr, startProp);
        if (mostRecent[endProp] == null) {
          return mostRecent;
        } else {
          return false;
        }
      }
    },
    filterMostRecentDate(arr, prop) {
      if (arr) {
        return new Date(
          Math.max.apply(
            null,
            arr.map(item => {
              return new Date(item[prop]);
            })
          )
        );
      }
    },
    filterMostRecentObj(arr, prop) {
      if (arr) {
        return arr.filter(item => {
          let date = new Date(item[prop]);
          let mostRecent = this.filterMostRecentDate(arr, prop).getTime();
          return date.getTime() == mostRecent;
        })[0];
      }
    },
   } 

点击名称后，进入详细信息。

Requested URL: /Customer/Detail/1

我的细节

here is my view  @model IEnumerable<Orion.Models.Customer>

@{ ViewBag.Title = "Customers";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<h2>Customers</h2>
@if (!Model.Any())
{
    <p>We dont have any customers</p>
}
else
{
<table
    class="table table-bordered table-hover">
    <thead>
        <tr>
            <th> Customer</th>
            <th> Discount rate</th>
        </tr>
    </thead>
    <tbody>
        @foreach (var customer in Model)
        {
        <tr>
            <td>@Html.ActionLink(customer.Name, "Detail", "Customer", new { id = customer.Id }, null)</td>
            <td>@customer.MembershipType.Name</td>
        </tr>
        }
    </tbody>
</table>

我的控制者

@model Orion.Models.Customer
@{
    ViewBag.Title = "Detail";
}

<h2>Detail</h2>