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

Question

I generated(ng-cli) an angular 5 app and created this component:

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);
      });
  }
}

I am trying to import my json data into the component with axios. When I run npm start I get this error:

GET http://localhost:4200/data.json 404 (Not Found)

How can I import my json without issues?

Here is a link to github

Answer 1

您可以将json放在资产文件夹中，也可以修改angular-cli.json并将json包含在资产下。