从 Angular 应用程序中的资产下载文件

Question

I have a sample file stored in the assets folder of my Angular App. I use the href link to directly save the file to desktop from the browser.

<a href="/assets/sample.csv" target="_self" download>

However, this works fine when the app is running on localhost:42xx server. But after using ng build and deploying it in an external domain it downloads the file but the file contains the html script of my app, where in reality the file present in the assets folder actually contains some random data. I have no clue why it works on localhost correctly but does not work on an external domain. Thanks in advance

Answer 1

You can try this

<a href="{{ url }}" target="_blank" >Trusted URL</a>

Demo

Answer 2

Also you can do it from controller, for example:

const path = "https://people.sc.fsu.edu/~jburkardt/data/csv/addresses.csv";
window.open(path);