在 Angular 中使用 RapidAPI答案

【问题标题】：Using RapidAPI with Angular在 Angular 中使用 RapidAPI
【发布时间】：2021-04-21 19:45:40
【问题描述】：

我正在尝试使用 Rapidapi 的 SkyScanner API 和 Angular 来搜索机票价格。这是我的代码

 headers = new Headers();
    url:string;
    
constructor(private _http:HttpClient,) {
this.headers.append('X-RapidAPI-Key', 'MY-KEY');
this.url = 'https://skyscanner-skyscanner-flight-search-v1.p.rapidapi.com/apiservices/browseroutes/v1.0/IE/EUR/en-GB/{here should be other parameters like destination}' }

我从输入中传递从、到、日、月和年

getFlightDetail(from,to,day,month,year) : Observable<Iflight>{
  return this._http.get<Iflight>(this.url+this.headers)
  .pipe(
    tap(data => console.log('flightData/error' + JSON.stringify(data))
    ),
    catchError(this.handlerError)
  );
}

问题是当我运行我得到的应用程序时

401 未经授权

【问题讨论】：

嗨奥马尔，欢迎来到 stackoverflow！您应该仔细检查您如何在 get 调用中设置 http 标头。看起来您正在将它们（字符串连接）添加到您的网址。查看此链接，看看它是否对您有帮助：stackoverflow.com/questions/42352854/…

标签： angular

【解决方案1】：

x-rapidapi-host 标头丢失。如果您使用 RapidAPI，还需要添加两个自定义标头，x-rapidapi-key 和 x-rapidapi-host

另外，我假设您已经订阅了 Skyscanner API。

【讨论】：