Angular 4 - 找不到文件

Question

我正在使用 Angular 4 并尝试加载 .csv 数据，例如：http://blog.sodhanalibrary.com/2016/10/read-csv-data-using-angular-2.html 但我无法加载 sample.csv 文件。我试图将此文件添加到 src/app 或 src 或 root / 但我一直遇到同样的问题：

GET XHR http://localhost:4200/sample.csv [HTTP/1.1 404 Not Found 6 ms]
404 - Not Found

我在本地主机上使用 ng serve 运行它。

Answer 1

在 Angular 中，您可以从资产文件夹访问静态文件

将 sample.csv 文件复制到 app/assets 文件夹中。

这样访问

this.http.get("./sample.csv")
            .map((res: any) => res.json())
            .catch((error: any) => console.log(error));

Answer 2

您似乎在使用 Angular CLI。默认情况下，静态内容只会从资产文件夹中传送。您可以通过修改应用程序根目录中的 .angular-cli.json 配置文件来更改此设置。查找资产数组并在此处添加您的自定义文件或文件夹：

"apps": [
    {
      "root": "src",
      "outDir": "dist",
      "assets": [
        "assets",
        "my-csv-data.csv"
      ],

Angular 4 - file not found