我想使用 POST 方法通過 Angular 注銷，這是我的代碼： logout() { const url = 'http://localhost:8181/user/logout'; const xToken = localStorage.getItem('xAuthToken'); const basicHeader = 'Basic ' + localStorage.getItem('credentials'); const headers = new Headers({ 'x-auth-token': xToken, 'Authorization': basicHeader }); // return this.http.get(url, { headers: headers }); // This will work return this.http.post(url, { headers: headers }); // This will generate error }這是我的后端：@RequestMapping("/user/logout")public ResponseEntity<String> logout(){ SecurityContextHolder.clearContext(); return new ResponseEntity<String>("Logout Successfully!", HttpStatus.OK);}奇怪的是上面的代碼可以使用this.http.get但會生成以下錯誤this.http.post。這是錯誤的this.http.post：POST http://localhost:8181/user/logout 401如果我使用 HttpClient 修改代碼，如下所示：import { Injectable } from '@angular/core';import { Http, Headers } from '@angular/http';import { HttpClient } from '@angular/common/http';@Injectable({ providedIn: 'root'})export class LoginService { constructor(private http: HttpClient) { } sendCredential(username: string, password: string) { let url = "http://localhost:8181/token"; let encodedCredentials = btoa(username + ":" + password);// encode in base64 to send a token let basicHeader = "Basic " + encodedCredentials; let headers = new Headers({ 'Content-Type': 'application/x-www-form-urlencoded', 'Authorization': basicHeader }) // send credential method when login component return this.http.get(url, { headers: headers }); // Error at this line } checkSession() { const url = 'http://localhost:8181/checkSession'; const xToken = localStorage.getItem('xAuthToken'); const basicHeader = 'Basic ' + localStorage.getItem('credentials'); const headers = new Headers({ 'x-auth-token': xToken, 'Authorization': basicHeader }); return this.http.get(url, { headers: headers }); // Error at this line }}
如何通過 POST 在 Angular/Spring 中注銷
慕碼人8056858
2023-03-02 09:50:33
