Проблема загрузки файла Angular 5 - показано содержимое index.html - PullRequest
Новая
       2

Проблема загрузки файла Angular 5 - показано содержимое index.html

0 голосов
/ 04 февраля 2019

Я пытаюсь загрузить статический файл из местоположения в моей базе кода.Для этого я использую следующий код: 

<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>

1 Ответ

0 голосов
/ 04 февраля 2019

Попробуйте сохранить файл 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>

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

PS: Ответ, почему это работает, находится в Конфигурации здания, которая присутствует в файле angular.json, который я рекомендую вам проверить.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...