我想下载我的代码库中从一个位置的静态文件。我使用下面的代码来实现这一点;
<div>
<a [href]="'download/foo.csv'" class="btn btn-default" style="margin-left: 20px;" target="_blank" download="Foo.csv">
Download Import File Template
</a>
</div>
然而,当文件Foo.csv下载它的内容是一样的index.html文件。这究竟是为什么?
index.html文件的内容如下所示。
<!DOCTYPE html>
<html lang="en">
<head>
<base href="/">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto+Condensed|Source+Sans+Pro">
</head>
<body>
<div app></div>
<script type="text/javascript" src="/api/v2/config?plain=1"></script>
<script type="text/javascript" src="style.200453e6923c58c1d928.js"></script><script type="text/javascript" src="app.83fe6f9a0095f7b1bf2b.js"></script></body>
</html>
尽量保持你的CSV文件中这是它应该能够完美地保持assets
文件夹。然后用这个试试:
<div>
<a
href="assets/sample.csv"
class="btn btn-default"
style="margin-left: 20px;"
target="_blank"
download="sample-file.csv">
Download Import File Template
</a>
</div>
以下是为您的参考一Working Sample StackBlitz。
PS:这个问题的答案,为什么这个作品就在于建筑结构存在于我建议你检查出angular.json
文件。