Question

我生成了（ng-cli）一个角度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);
      });
  }
}

我正在尝试将我的json数据导入到具有axios的组件中。当我运行npm start时出现此错误：

获取http://localhost:4200/data.json 404（未找到）

如何在没有问题的情况下导入我的json？

以下是github

的链接

Answer 1

要么将json放在assets文件夹中，要么修改angular-cli.json并将json包含在assets下。

如何将json文件导入带有axios的角度组件？

1 个答案: