如何通过单击链接在 Angular Front End Web App 的浏览器中下载或保存 .csv 文件？ 浏览器投诉没有文件

Question

该文件已经在 Angular Front End of Web App 的前端，我希望应用程序用户能够单击链接并从 /src/assets/user-type.csv 下载或保存 user-type.csv用户的浏览器。

我写了下面的代码，它不能正常工作，谷歌浏览器尝试下载但没有文件就失败了。 请参阅随附的屏幕截图。 我在 Linux Ubuntu 18.04 操作系统上使用“ng serve”在开发服务器上运行 Angular 7 项目。

尽管 angular 尝试导航到 href 的值并且应用程序崩溃并出现以下错误，但锚标记“a”具有下载属性：

无法匹配任何路由。 URL 段：'src/assets/user-type.csv' 错误：无法匹配任何路由。

<a href="src/assets/user-type.csv" target="_blank" download>Download user-type.csv </a>

问题截图

有以下答案可用，但没有人符合我的目的：

Angular 2 - 下载 csv 文件

Angular 2 CSV 文件下载

Answer 1

下载 url 应该是assets/user-type.csv

尝试这个：

<div>
    <a 
    href="assets/user-type.csv" 
    target="_blank" 
    download="sample-file.csv">
        Download Import File Template
    </a>
</div>

---

这是供您参考的工作示例 StackBlitz 。