無法檢測到 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）{

// 一些代碼

}