创建一个 <a> 标签，可以从其内容丰富的环境中下载资源？

Question

我正在尝试创建一个锚标记，该标记将链接到我的 Contentful 空间中的 PDF 资源，因此当用户单击该链接时，PDF 文件将被下载到他/她的计算机上。

但是，由于资产 URL 具有不同的来源，PDF 将仅在浏览器本身中打开。

这是标记的当前结构：

<a
  download="test.pdf"
  href="//assets.ctfassets.net/[contentfulID]/[contentfulID]/[contentfulID]]/test.pdf"
>
  <span>Download</span>
</a>

正如我之前提到的，问题在于资产 URL 没有同源。有什么办法可以解决这个问题吗？

Answer 1

在 html 文件中

下载

在 ts 文件中：

fileURL='';
  getPDFfile() {
    this.contentfulDataService.getAllContaintfulTaskData(yourEntryID)
      .subscribe((res) => {
        this.fileURL= res.includes.Asset[0].fields.file.url; 
      });
  }
  ngOnInit() {
    this.getPDFfile() 
  }