沒有可用消息 - 400 Bad request error getting while Angular API

Question

當我調用后端 API 時收到消息不可用 400 錯誤請求。我通過 POSTMAN 工具測試了后端 API。 我從 POSTMAN 得到正確的 output。后端正常工作。 但是當我在 angular 端集成 API 時，出現如下錯誤，

我的 component.ts 文件中的訂閱代碼如下所示，

  this.modifypercentageService.checkUpdateRoomStatusApiMethod(element.nRoomAllocationId)
          .subscribe(data=> {console.log(data)}); 

我的服務層有以下代碼，

  checkUpdateRoomStatusApiMethod(nRoomAllocationId:any) 
{
    return this.http
        .put(    
            this.baseurlService.getUrl()
            +this.portNumberService.getJointUseModifyPercentagePortNumber()
            +this.instituteidentifierService.getInstitute()
            +'/jointuse/modifypercentage/checkUpdateRoomStatus?nRoomAllocationId='+nRoomAllocationId,
            {
                headers: this.applicationconfigService.getHeader()
                
            }
        );
}

Output 當我交叉檢查 POSTMAN 進行后端測試時，

我發現我從后端 API 得到 output，問題是 api 從 angular UI 端調用。

故障排除嘗試，

通過交叉源交叉檢查並通過 POSTMAN 工具測試后端。 兩種情況都是正確的。 僅在 angular 端集成時出現問題，

任何人都可以建議有關我在 API 集成時在這里犯的任何錯誤的參考指南或信息嗎？

Answer 1

Angular HttpClient PUT 有三個參數

放（網址：字符串，正文：任何| null，選項）

您正在傳遞標頭而不是正文。 正確的放置請求將是

checkUpdateRoomStatusApiMethod(nRoomAllocationId: any) {
        return this.http
            .put(
                this.baseurlService.getUrl()
                + this.portNumberService.getJointUseModifyPercentagePortNumber()
                + this.instituteidentifierService.getInstitute()
                + '/jointuse/modifypercentage/checkUpdateRoomStatus', null,
                {
                    params: { nRoomAllocationId },
                    headers: this.applicationconfigService.getHeader()

                }
            );
    }