静态文件下载不工作在角4

Question

我尝试从HTML下载静态文件。它无法正常工作

app.routing.ts

   { path: 'application', component: ApplicationComponent},
    // otherwise redirect to home
   { path: '**', redirectTo: '/home' }

HTML

  <a href="/excel_files/xxx.xlsx" target="_self" class="btn btn-primary"><i class="fa fa-download"></i> Download Spread Sheet</a>

这是链接 - http://localhost:4200/excel_files/xxx.xlsx

但它已重定向到家。

感谢。

Answer 1

这里的答案

请将下载属性添加到代码中。这将阻止路由更改并告诉浏览器它是下载链接：

<a href="/excel_files/file_name.xlsx" target="_self" download>
   <i class="fa fa-download"></i> Download Spread Sheet
</a>