Angular项目中GET请求带请求体报错问题求助

问题的核心是HTTP规范明确禁止GET/HEAD请求携带请求体，浏览器和Angular的HttpClient都严格遵循这一规范，所以你会遇到报错。下面提供两种可行的解决思路：

方案1：修改后端API为POST方法（推荐） #

如果后端可以调整，把API的请求方法改成POST，这样就可以合法携带请求体。前端用Angular的HttpClient.post实现：

import { HttpClient, HttpHeaders } from '@angular/common/http';

constructor(private http: HttpClient) {}

getInfoMatricola(token: string, lookFor: string) {
  const headers = new HttpHeaders({
    'Authorization': `Bearer ${token}`,
    'Content-Type': 'application/json'
  });

  const body = { lookFor };

  return this.http.post<any>('你的API地址', body, { headers });
}

方案2：将请求体参数转为URL查询参数（后端无法修改时用） #

如果后端必须保留GET方法，把原本放在请求体里的lookFor参数放到URL的查询参数中，授权令牌依然放在请求头里：

import { HttpClient, HttpHeaders, HttpParams } from '@angular/common/http';

constructor(private http: HttpClient) {}

getInfoMatricola(token: string, lookFor: string) {
  const headers = new HttpHeaders({
    'Authorization': `Bearer ${token}`
  });

  const params = new HttpParams().set('lookFor', lookFor);

  return this.http.get<any>('你的API地址', { headers, params });
}

注意：这种方式需要后端同步修改参数获取逻辑，从查询参数中读取lookFor，而非从请求体中读取。

内容的提问来源于stack exchange，提问作者juniorangulardeveloper