CRUD：更新方法不起作用 [Angular]

Question

I faced an issue with update method. I'm working on a spring boot angular project so update doesnt work on frontend my code looking logic can someone gie me an idea about this issue

user.service

 updateProfile(userData: SignUpData, id: string ): Observable<any> {
    return this.http.patch( API_URL + 'update/' + id, userData, httpOptions);
  }

component.ts

form: any = {};
  id: string;
  errorMessage = '';
  currentUser: any;

  constructor(private userservice: UserService, private route: ActivatedRoute, private router: Router, private token: TokenStorageService) { }

  ngOnInit() {
    this.currentUser = this.token.getUser();
  }
 onSubmit() {

    const {adresse1, ...rest} = this.form;

    const userData: SignUpData = {...rest, adresses: [adresse1]};

    this.userservice.updateProfile(userData, this.currentUser.id).subscribe(
      data => {
        console.log(data);

      },
      err => {
        this.errorMessage = err.error.message;
      }
    );
  }

Interceptor.ts

export class AuthInterceptor implements HttpInterceptor {
  constructor(private token: TokenStorageService) { }

  intercept(req: HttpRequest<any>, next: HttpHandler) {
    let authReq = req;
    const token = this.token.getToken();
    if (token != null) {

      authReq = req.clone({ headers: req.headers.set(TOKEN_HEADER_KEY, 'Bearer ' + token) });


    }
    return next.handle(authReq);
  }
}

export const authInterceptorProviders = [
  { provide: HTTP_INTERCEPTORS, useClass: AuthInterceptor, multi: true }
];

Answer 1

I try to logout & log in and that's working because first I didn't get user id so I add this.currentUser = this.token.getUser(); without refresh authenticate so GET was always returning 401 not found. I hope this answer can help people that have the same issue And thank you guys for your replies