如何下载或保存在浏览器中的.csv文件在角前端Web应用程序上的链接的点击？浏览器的投诉没有文件

Question

该文件已经在Web应用程序的角度前端的前端，我希望应用程序用户可以点击一个链接，下载或保存用户type.csv从/src/assets/user-type.csv在用户的浏览器。

我已经写了下面的代码，这是不正常，谷歌Chrome尝试下载，但失败并没有文件。见所附截图。我使用的Linux操作系统Ubuntu 18.04操作系统的吴服'开发服务器上运行角7项目。

锚标记“的”具有下载属性，尽管角度尝试导航到以下错误href和应用程序崩溃的价值：

无法比拟的任何途径。 URL段：“SRC /资产/用户type.csv”错误：无法匹配任何路线。

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

screenshot of problem

有可用的以下的答案，但没有人提供我的目的：

Angular 2 - download csv file

Angular 2 CSV File Download

Answer 1

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

尝试这个：

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

---

以下是为您的参考一Working Sample StackBlitz。