Как загрузить или сохранить файл .csv в браузере в Angular Front End Web App по щелчку ссылки?жалобы браузера нет файла

Question

Файл уже находится в интерфейсе Angular Front End Web App. Я хочу, чтобы пользователь приложения мог щелкнуть ссылку и загрузить или сохранить файл user-type.csv из / src / assets / user-type.csv в браузере пользователя.

Я написал ниже код, который не работает должным образом, Google Chrome пытается загрузить, но не удается без файла.Смотрите скриншот прилагается.Я запускаю проект Angular 7 на сервере разработки, используя 'ng serve' в операционной системе Linux Ubuntu 18.04.

Якорный тег 'a' имеет атрибут загрузки, несмотря на то, что angular пытается перейти к значению href и сбой приложениясо следующей ошибкой:

Невозможно сопоставить ни один маршрут.Сегмент URL: 'src / assets / user-type.csv' Ошибка: невозможно сопоставить никакие маршруты.

<a href="src/assets/user-type.csv" target="_blank" download>Download user-type.csv </a>

снимок экрана проблемы

Доступны следующие ответы, но никто не служит моей цели:

Angular 2 - скачать CSV-файл

Angular 2 CSV File Download

Answer 1

URL-адрес загрузки должен быть assets/user-type.csv

Попробуйте:

<div>
    <a 
    href="assets/user-type.csv" 
    target="_blank" 
    download="sample-file.csv">
        Download Import File Template
    </a>
</div>

---

Вот Рабочий образец StackBlitz для вашей ссылки.