RXJS可观测合并映射链

Question

我有一个简单的api请求，它向一个对象返回一个可观察的对象，该对象中有一组项，每个项中都有一个链接。因此，我想在当前异步流中直接获取链接后面的数据，但我收到一个CORS错误，错误是：

Access to XMLHttpRequest at 'https://orf.at/stories/3146336/' from origin 'http://localhost:4200' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

这是否可能与我当前的getchOrfFeed（）函数？还是我误解了一些基本概念？

public fetchOrfFeed(): Observable<any> {
    return this.http.get<OrfFeed>('https://api.rss2json.com/v1/api.json?rss_url=https://rss.orf.at/news.xml')
      .pipe(mergeMap(feed => feed.items))
      .pipe(mergeMap(item => this.http.get<string>(item.link)));
  }

Answer 1

您可以配置您的代理，或者如上所述，配置您的CORS请求。

如果您选择代理选项（我认为它更好）：

看看你的代理。配置。json文件，并将该URL添加到其中。

例如：

{
    "/api/fetch-or-feed": {
        "target": "https://api.rss2json.com/v1/api.json?rss_url=https://rss.orf.at/news.xml",
        "secure": false,
        "logLevel": "debug"
    }
}

然后在你的服务电话中使用它，比如

return this.http.get<OrfFeed>('/api/fetch-or-feed')...

更多信息：使用Angular CLI为API调用配置代理