Angular2 - 文件下载路由

Question

我有一个 Angular2 应用程序，但在下载文件时遇到了一些问题：

应用程序在我的机器上本地运行：

http://localhost:4200

所有文件都位于：

myapp/src/assets

页面中呈现的文件url示例为：

http://localhost:4200/assets/OffertFile/2234/Offerta%20iniziale.xlsx

这就是我在 html 组件中生成链接的方式：

<a href="{{v.excel_Path}}/{{v.excel_FileName}}" download target="_self">
    <i class="fa fa-download fa-2x text-primary" aria-hidden="true"></i>
</a>

如果我尝试下载文件，我会得到一个包含 index.html 页面文件内容的文件，而不是正确的文件本身。

我认为这是一个路由问题。

我该如何解决这个问题？

谢谢

Answer 1

这个问题可能是由两个原因引起的：

1. 检查引用的文件是否确实存在于您的 Web 服务器上的文件系统中。
2. 区分大小写 - 检查链接中的文件名是否与文件系统中的文件名大小写完全相同（大写、小写或组合）。