如何使用axios将json文件导入角度组件？

我生成了（ng cli）angular 5应用程序并创建了此组件：

import {Component} from '@angular/core';
import axios from 'axios';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  constructor() {
    axios.get('./data.json')
      .then((response) => {
        console.log(response.data);
      });
  }
}

我正在尝试使用axios将json数据导入组件。 当我运行npm start时，出现以下错误：

获取404（未找到）

如何导入json而不出现问题

---

这里有一个链接，您可以将json放在assets文件夹中，或者修改angular-cli.json并将json包含在assets下。

因为您使用的是cli，您应该将JSON文件放在assets文件夹中。我很好奇为什么不直接使用内置HTTP客户端？那会是什么样子？我将data.JSON放在assets文件夹中，并更新了.angular-cli.JSON，但仍然存在相同的问题当您更新angular-cli.JSON时，需要重新启动服务器，没有区别如果在assets文件夹中使用json，则需要更改到./assets/data.json的路径