Question

POST和GET方法工作正常，但PUT方法无效。

我有一个具有此功能的组件，可通过订阅更新相册数据：

onChangeTitle() {
    this.album.name = this.titleInput;
    const albumToEdit: IAlbumEdit = {
      'name': this.album.name,
      'description': this.album.description,
      'public': this.album.public
    };

    this.albumService.putAlbum(this.album.id, albumToEdit).subscribe(
      album => {
        this.album = album;
      },
      error => {
        this.handleError('no se ha podido modificar el álbum: ' + error);
        this.titleInput = this.album.name;
      }
    );
  }

该服务具有返回Observable的功能：

putAlbum(id, album: IAlbumEdit): Observable<IAlbum> {
    return this.http.put<IAlbum>(`${AppSettings.API_URL}/album/${id}`, album);
}

这真的很容易，但我不明白为什么未触发此httpclient put方法（我可以在Firefox的网络监视器中看到任何put都在触发）。

此外，我有一个拦截器来添加授权标头，但它不能通过PUT方法执行。

我的拦截器是这样的：

export class JwtInterceptor implements HttpInterceptor {
  intercept(request: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
    // add authorization header with jwt token if available
    console.log('intercept');
    const currentUser = JSON.parse(localStorage.getItem('currentUser'));
    if (currentUser && currentUser.token) {
      request = request.clone({
        setHeaders: {
          Authorization: `Bearer ${currentUser.token}`
        }
      });
    }

    console.log(request);

    return next.handle(request);
  }
}

Answer 1

问题已解决。问题是我在多个模块中导入了HTTP_INTERCEPTOR。我解决了仅将其导入到app.module.ts中的问题。

未触发PUT请求（POST和GET工作）

1 个答案: