申请方法 PUT angular

Question

enter image description here我有以下问题，当我尝试放入 api 时，服务器返回错误 405。 你能帮助我吗？ 下面是代码，因此您可以检查是否在我的代码中看到任何可能导致此错误的错误... 我相信组件的打字稿可能有问题。 我认为组件的 Typescript 可能有问题

Service Typescript


  getUser(id: any): Observable<ResponseUse> {
    const _url = `${this.apiClient}/${id}`
    return this.http.get<ResponseUse>(_url);
  }

  updateUser(id: any, request: ResponseUpdate): Observable<ResponseUpdate> {
    const _url = `${this.apiClient}/${id}`
    return this.http.put<ResponseUpdate>(_url, request);
  }

COMPONENT UPDATE 

<div class="backgroud">
  <h1>Update user</h1>
    <div class="label" *ngIf="request">
      <label>
        ID:
        <input placeholder="ID" [(ngModel)]="request.id" />
      </label>
      <label>
        Name:
        <input placeholder="Name" [(ngModel)]="request.name" />
      </label>
      <label>
        Email:
        <input placeholder="Email" [(ngModel)]="request.email" />
      </label>
      <label>
        Telephone:
        <input placeholder="Telephone" [(ngModel)]="request.telephone" />
      </label>
    </div>
  
    <div class="btn">
      <button mat-raised-button color="primary"  (click)="update()">
      Update
      </button>
      <button mat-stroked-button routerLink="/">Cancel</button>
  
    </div>
  </div>
  
  
  
  TYPESCRIPT COMPONENT 
  
  import { Component, OnInit } from '@angular/core';
import { ActivatedRoute } from '@angular/router';
import { RequestUpdate } from 'src/app/model/live.model';
import { apiService } from 'src/app/services/api.service';

@Component({
  selector: 'app-client-update',
  templateUrl: './client-update.component.html',
  styleUrls: ['./client-update.component.css']
})
export class ClientUpdateComponent implements OnInit {

  id: any;
  request!: RequestUpdate;
  
  constructor(
    private clientService: apiService,
    private route: ActivatedRoute) { }

  ngOnInit() {
    this.id = this.route.snapshot.paramMap.get('id');
    this.clientService.getUser(this.id).subscribe(res =>{
      this.request = {
        id: res.id,
        name: res.name,
        email: res.email,
        telephone: res.telephone
      }
    })
  }

  update(){
    this.clientService.updateUser(this.id, this.request).subscribe(res => {
      console.log(`${this.request}`)
    })
  }
}

  

Answer 1

响应代码 405 表示您请求的端点不允许使用该方法 (PUT)。

仔细检查 PUT 方法是否被接受，以及您发送请求的网址是否准确（没有拼写错误等）。还值得检查浏览器上的开发者控制台，以确保正确编译完整的端点

[编辑] 405 状态码 MDN：https://developer.mozilla.org/en-US/docs/Web/HTTP/Status/405

http 状态码：https://developer.mozilla.org/en-US/docs/Web/HTTP/Status