调用DeleteProdCatSubCatLinks时出现No overload matches the call问题如何解决？

问题核心在于Angular HttpClient.delete 的参数规则：它的第二个参数并非请求体，而是请求配置对象。你直接传入pCatLinksProd会被框架识别为配置项，导致后端找不到匹配的重载方法；而拼接URL时对象被转成[Object%20Object]，是因为对象直接转为字符串的默认行为导致的。

解决方案1：通过请求体传递参数（推荐，需后端支持） #

Angular允许DELETE请求携带请求体，但需要把参数放在配置对象的body字段中：

DeleteProdCatSubCatLinks(pCatLinksProd: SxProdCatSubCatLinks) {
    return this.http.delete<boolean>(
        this.configService.getApiURI() + 'Category/DeleteProdCatSubCatLinks/',
        { body: pCatLinksProd } // 将参数放入请求体
    );
}

解决方案2：改用POST请求（适配不支持DELETE带请求体的后端） #

部分后端框架或服务器默认限制DELETE请求携带请求体，这种情况下可以切换为POST方式调用：

DeleteProdCatSubCatLinks(pCatLinksProd: SxProdCatSubCatLinks) {
    return this.http.post<boolean>(
        this.configService.getApiURI() + 'Category/DeleteProdCatSubCatLinks/',
        pCatLinksProd
    );
}

同时需要同步修改后端代码，将接口的[HttpDelete]特性标记改为[HttpPost]。

解决方案3：转为查询参数传递（适合简单结构参数） #

如果参数结构简单，可以将对象转为URL查询参数拼接：

import { HttpParams } from '@angular/common/http';

DeleteProdCatSubCatLinks(pCatLinksProd: SxProdCatSubCatLinks) {
    let params = new HttpParams();
    // 遍历对象属性，逐个添加到查询参数
    Object.keys(pCatLinksProd).forEach(key => {
        params = params.append(key, pCatLinksProd[key]);
    });

    return this.http.delete<boolean>(
        this.configService.getApiURI() + 'Category/DeleteProdCatSubCatLinks/',
        { params }
    );
}

关键注意点 #

• 先确认后端接口的参数接收方式：如果后端期望从请求体取参数，用方案1；如果是从URL查询参数取，用方案3。
• 其他接口调用正常，是因为POST/PUT方法的第二个参数直接对应请求体，和DELETE的参数规则不同。

内容的提问来源于stack exchange，提问作者Keandra Bintcliffe