Home Articles

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

Asked
Viewed 1559 times
0

我生成了(ng-cli)一个角度为5的app并创建了这个组件:

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时出现此错误:

GET http:// localhost:4200 / data.json 404(未找到)

如何导入我的json没有问题?

这是一个链接到github

1 Answer

  • 1

    您可以将json放在assets文件夹中,也可以修改angular-cli.json并将json包含在assets下 .

Related