javascript - Angular 5 : read local json file

Question

我在我的项目中使用 Angular 5，我需要从本地 json 文件获取数据，我创建了一个服务“”JsonDataService”并将文件放在“assets/data”文件夹中，但我无法获取文件，我总是出现错误:错误:[object Object] at viewWrappedDebugError .... 这是代码:

import {Injectable} from '@angular/core';
import {HttpClient, HttpHeaders} from '@angular/common/http';
import {Observable} from 'rxjs/Observable';

@Injectable()
export class JsonDataService {

  constructor(private httpClient: HttpClient) {
  }

  public getDepartmentData(): Observable<any> {
    console.log('getDepartmentData');
    const apiUrl = './assets/data/french-regions-departments.json';
    return this.httpClient.get(apiUrl);
      // .map((res: any) => {
      //   const data = res.json();
      //   return data;
      // });
  }
}

电话在这里:

jsonDataService.getDepartmentData().subscribe(data => console.log(data));

我找到了一些有关该主题的帖子，但没有一个适合我。 我可以从 chrome 中看到 json 文件的内容，网址为:localhost:4200/assets/data/french-regions-departments.json 请问您有什么解决办法吗？

Answer 1

API URL 只能是

const apiUrl = 'assets/data/french-regions-departments.json';