Angular 5文件下载问题-显示index.html内容
我正在尝试从代码库中的某个位置下载静态文件。我使用以下代码来实现这一点Angular 5文件下载问题-显示index.html内容,html,angular,Html,Angular,我正在尝试从代码库中的某个位置下载静态文件。我使用以下代码来实现这一点 <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> 但是,下载
<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文件保存在
资产
文件夹中,这是理想的保存位置。然后试试这个:
<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>
这是给你的裁判的一封信
PS:这一工作原理的答案在于
angular.json
文件中存在的建筑配置,我建议您签出该文件。尝试将您的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>
这是给你的裁判的一封信
PS:这个问题的答案在于
angular.json
文件中的建筑配置,我建议您签出该文件。打开google chrome中的“网络”选项卡控制台,检查单击“下载”时点击的URL是什么。@Hameedshyed我已经尝试过了,但没有看到任何URL端点被点击。如果你能创建一个stackblitz就好了,你会很快得到解决方案,因为这很容易提供帮助。打开google chrome中的“网络”选项卡控制台,在你单击“下载”时检查URL被点击的内容。@HameedSyed我已经尝试过了,但我没有看到任何URL端点被点击。如果你能创建一个stackblitz就好了,你会很快得到解决方案,因为它很容易得到帮助。我在回答中分享的StackBlitz样本对你有用吗?奇怪。我在回答中分享的StackBlitz示例对你有用吗?