无法检测到 http 接头

Question

我已经将我的 api 设置到 web 服务器中，目前我无法使用我的应用程序密钥检索数据，但能够使用 postman 检索数据，请帮忙

const httpOptions = {
      headers: new HttpHeaders({
        'APP_KEY': 'ABCDEFGHJ'

      })
    };

    this.http.get('<my_api_link>', httpOptions).subscribe((res) => {
      this.Result = JSON.stringify(res);
      console.log('Result', this.DataResult);
    }, (err) => {
      console.error(err.status);
      console.error(err.error); // Error message as string
      console.error(err.headers);
    });

错误消息无法找到应用程序密钥

Answer 1

尝试以这种方式设置标题

const httpHeaders = new HttpHeaders()
  .set('APP_KEY', 'ABCDEFGHJ');

this.http.get('<my_api_link>', httpHeaders)

Answer 2

尝试这个：

var token = 'ABCDEFGHJ';
const myHeaders = new HttpHeaders({ 'Content-Type': 'application/json', 'Authorization': token });
this.http.get('<my_api_link>', { headers: myHeaders });

或者

let headers = new HttpHeaders();
headers = headers.set('APP_KEY','ABCDEFGHJ');

Answer 3

修改您的代码片段：

const httpOptions = {
  headers: new HttpHeaders().set('APP_KEY', 'ABCDEFGHJ')
};

this.http.get('<my_api_link>', httpOptions).subscribe((res) => {
  this.Result = JSON.stringify(res);
  console.log('Result', this.DataResult);
}, (err) => {
  console.error(err.status);
  console.error(err.error); // Error message as string
  console.error(err.headers);
});

Answer 4

从“@angular/common/http”导入 {HttpClient}；

构造函数（私有_httpClient：HttpClient）{

// 一些代码

}