使用 fetch 在 C# 中向 API 发送“POST”时出现 405 错误

Question

当我使用 fetch (JavaScript API) 将 JavaScript 中的 POST 请求发送到同一项目中的 C# API 时，我收到异常错误消息：erro 405 HTTP 方法（GET、PUT、POST 或 DELETE）对于给定的资源 URI 无效。

'GET' 请求正常运行！但是其他请求方法返回错误。

JavaScript POST 函数

var url = "api/cliente";

await fetch(url, {
    method: 'POST',
    headers: {
        'Accept': 'application/json',
        'Content-Type': 'application/json'
    },
    body: JSON.stringify(cliente)
})
    .then(response => alert(response.status))
    .then(() => getItems())
    .catch(error => alert(error));

C# 控制器 GET 和 POST 方法

// GET Method
    public object Get(string name, string id)
    {
        Cliente.cpf = id.ToString();
        Cliente.nome = name;
        Cliente.loadCliente();
        return Cliente;
    }

//'POST' Method api/<controller>
    public void post (string value)
    {
        string teste = value;
    }

WebAPIConfig：

public static void Register(HttpConfiguration config)
{
   
        config.MapHttpAttributeRoutes();

        config.Routes.MapHttpRoute(
            name: "DefaultApi",
            routeTemplate: "api/{controller}/{id}",
            defaults: new { id = RouteParameter.Optional }
        );

        config.Formatters.Remove(config.Formatters.XmlFormatter);
        config.Formatters.JsonFormatter.Indent= true;
    }

路由器配置：

public static void RegisterRoutes(RouteCollection routes)
    {
        routes.IgnoreRoute("{resource}.axd/{*pathInfo}");

        routes.MapRoute(
            name: "Default",
            url: "{controller}/{action}/{id}",
            defaults: new { action = "Index", id = UrlParameter.Optional }
        );
    }

Answer 1

试试这个代码

    [Route("~/api/cliente/GetData/{name}/{id}")]
    public Cliente GetData(string name, string id)
    {
        Cliente.cpf = id.ToString();
        Cliente.nome = name;
        Cliente.loadCliente();
        return Cliente;
    }
    [Route("~/api/cliente/PostData")]
    public string PostData (string cliente)
    {
        string teste = cliente;
        return teste;
    }

javascript

await fetch('/api/cliente/postData', {
    method: 'POST',
    body: {cliente:"teste cliente"}
})
    .then(response => alert(response.status))
    .then(() => getItems())
    .catch(error => alert(error));