json - 使用 Angular http 请求 json 文件时出现 404

Question

我的服务中有这段代码

import {Injectable} from '@angular/core';
import {Http, Headers, RequestOptions} from '@angular/http';
import 'rxjs/add/operator/map';
import {Client} from "../clients/client";
import {Observable} from "rxjs/Observable";


@Injectable()
export class ClientsService {


  private clientUrl = './client.json';

  private headers = new Headers({ 'Accept': 'application/json' });
  private options = new RequestOptions({ headers: this.headers });

  private client : Client;

  constructor(private http:Http) {}

  getClient() : Observable<any>{
    return this.http.get(this.clientUrl, this.options)
      .map(res => res);
  }
}

在我的组件中，我称它为:

this.client = this.clientsService.getClient()
  .subscribe(data => {
    console.log(data);
  });

但是我遇到了 404 错误

但是我在我的服务所在的同一文件夹中有这个 json 文件。

怎么了？

Answer 1

您需要给出基本路径的绝对路径。比如，path/to/Services/client.json

这是一个例子:https://plnkr.co/edit/60E2qb9gOjvkEAeR5CtE?p=preview