从 Angular 应用中的资产下载文件

Question

我的 Angular 应用程序的资产文件夹中存储了一个示例文件。我使用 href 链接直接将文件从浏览器保存到桌面。

<a href="/assets/sample.csv" target="_self" download>

但是，当应用程序在 localhost:42xx 服务器上运行时，这可以正常工作。但是在使用ng build 并将其部署到外部域后，它会下载文件，但该文件包含我的应用程序的 html 脚本，实际上资产文件夹中的文件实际上包含一些随机数据。我不知道为什么它可以在 localhost 上正常工作，但不能在外部域上工作。提前致谢

Answer 1

你可以试试这个

<a href="{{ url }}" target="_blank" >Trusted URL</a>

Demo

Answer 2

您也可以从控制器中执行此操作，例如：

const path = "https://people.sc.fsu.edu/~jburkardt/data/csv/addresses.csv";
window.open(path);