Javascript 点击链接后，如何在Angular Front End Web App的浏览器中下载或保存.csv文件？浏览器没有文件

该文件已位于Web应用程序前端的前端，我希望应用程序用户能够单击链接并从用户浏览器中的/src/assets/user-type.csv下载或保存user-type.csv

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

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

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

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

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

---

下载url应为

assets/user type.csv

试试这个：

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

---

这是给你的裁判的一封信

---

“用户浏览器中的from/src/assets/user-type.csv”是什么意思？我想问题在于您的

href

属性。尝试将其更改为

href=“/src/assets/user-type.csv

。尝试将正斜杠添加到路径中。@CodeIt，我更改为href=“/src/assets/user-type.csv，但不起作用。我还试了另一件事。我在/src/assets/my-image.png中放置了一个my-image.png，并将锚点更改为，但这也没有下载图像file@guest271314，我希望该文件已作为资源在用户浏览器上可用，并在用户单击下载链接时作为.csv文件保存到用户浏览器中。非常感谢，通过您的示例，我意识到问题出在我从'src'开始提供的补丁中，比如href=“src/assets/user type.csv”，这是不正确的。正确的路径是：href=“assets/user type.csv”