首页 > 解决方案 > 以角度提交(404)时出错

问题描述

我目前正在研究角度,我有一个表格,我有 7 七个字段

我只能更新电子邮件 ID,其余所有内容都将处于禁用模式。

这是我的 api 网址

https://18.226.105.193:8092/email/updemail

Body 

    {

        "id":"5feneikekdnfi28ie",
        "emailId":"sdjfk@gmail.com"
     }

我是这样设置的

服务方式

  updateemail(email:any){
    return this.http.post<any>('/email/updemail',email);
  }

我在我的 ts 代码中调用它

              constructor(
            private snackbarService: SnackbarService,
            fb: FormBuilder,
            public dialogRef: MatDialogRef<GeneralPopupComponent>,
            private authService: AuthService,
            @Inject(MAT_DIALOG_DATA) public data: any) {      
              console.log(this.data);
              this.generalform = new FormGroup({    
                id: new FormControl(this.data.generalForm.id),            
                firstName: new FormControl({value:this.data.generalForm.firstName,disabled:true}),
                middleName: new FormControl({value:this.data.generalForm.middleName,disabled:true}),
                lastName:  new FormControl({value:this.data.generalForm.lastName,disabled:true}),
                dob: new FormControl({value:this.data.generalForm.dob,disabled:true}),
                emailId: new FormControl({value:this.data.generalForm.emailId,disabled:false}),
                phoneNumber: new FormControl({value:this.data.generalForm.phoneNumber,disabled:true})
                
             });
             }

         getValue() {
        return this.generalform.value;
      }

      saveemailID(){
        if (this.generalform.valid) {
          this.authService.updateemail(this.getValue()).subscribe(
            (response) => {
              this.data = response;
              console.log(this.data);
              this.snackbarService.onSuccessAlert(
                'User details saved successfully',
                'Close'
              );
              this.isButtonEnable = false;
            }
            // (error) => this.errorService.handleError(error)
          );
        }
      }

当我编辑我的电子邮件 ID 并单击保存按钮时,我收到错误 404

在控制台中,我也获得了 emailid 和 id 的值,但仍然无法获得 404

{id:“5f9849fae683696c0a9628b5”,emailId:“admin1234@gmail.com”} emailId:“admin1234@gmail.com”id:“5f9849fae683696c0a9628b5”

这是我得到的回应

<html lang="en">
 <head>
  <meta charset="utf-8">
 <title>Error</title>
  </head>
  <body>
   <pre>Cannot POST /email/updemail</pre>
  </body>
  </html>

标签: angulartypescriptrxjsangular8

解决方案


推荐阅读