Angular 中的 Bing 图片搜索

问题描述

我想在我的 Angular 应用中实现 Bing Images API。现在我会在客户端做。但我在发出 GET 请求时得到 404 答案。

@Injectable()
export class BingService {
  private endpoint =
    "https://api.bing.microsoft.com/bing/v7.0/images/search";
  private token = "9dc015a3a15c45abb05f88bcea641c2d";

  constructor(private httpClient: HttpClient) {}

  getimage(term: string) {
    const httpParams = new HttpParams({
      fromObject: {
        q: term,count: "1"
      }
    });

    const httpHeaders = new HttpHeaders({
      "Ocp-Apim-Subscription-Key": this.token
    });
    httpHeaders.set("Ocp-Apim-Subscription-Key",this.token);

    return this.httpClient.get(this.endpoint,{
      params: httpParams,headers: httpHeaders
    });
  }
}

这是一个 stackblitz 的问题

解决方法

API 网址没有 bing：

private endpoint = "https://api.bing.microsoft.com/v7.0/images/search";

工作stack