angular - 使用角度打字稿在实时聊天中创建链接预览

Question

我无法在我的网站的实时聊天中创建链接预览。当用户在他们的聊天中删除一个 url 时。该链接的预览将显示在聊天窗口中，为此我需要获取资源元素（在该 url 中）中的元数据，例如：<meta property="og:image" content="https://baomoi-static.zadn.vn/web/styles/img/facebook-thumb.png">。在 angular typescript 项目中，我使用 HttpClient 的 head() 方法，如下所示。

getMetaData(url: string) {
    let headers = new HttpHeaders();
    headers = headers.append('Access-Control-Allow-Headers', '*');
    headers = headers.append('Access-Control-Allow-Methods', '*');
    headers = headers.append('Access-Control-Allow-Origin', '*');
    const options = {
      headers: headers,
      reportProgress: true,
      responseType: 'json',
    };
    return this.http.head(url, <HttpOptions>options);
  }

但是当我使用 httpclient 的这种方法时，我收到了这样的错误。有人可以帮助解决此问题或提供解决方案以获取特定 URL 中的元数据。我正在使用角度打字稿项目。

Answer 1

更改代码如下并尝试。

getMetaData(url: string) {
    let headers = new HttpHeaders();
    headers = headers.append('Access-Control-Allow-Headers', '*');
    headers = headers.append('Access-Control-Allow-Methods', '*');
    headers = headers.append('Access-Control-Allow-Origin', '*');
    headers = headers.append('Access-Control-Allow-Credentials', true);
    const options = {
      headers: headers,
      reportProgress: true,
      responseType: 'json',
    };
    return this.http.head(url, <HttpOptions>options);
  }