Angular 2 http 获取 404

Question

我正在尝试复制 ngPrime 数据表演示 https://github.com/primefaces/primeng .我目前正在使用最新版本的 angular (4) 以及 angular-cli(开发模式)。我将一个 json 文件放到我的应用程序文件夹中，这是服务所在的位置。我试图弄乱路径，但我无法弄清楚。我继续收到 404。

import {Injectable} from '@angular/core';
import {Http, Response} from '@angular/http';
import {Car} from './car';

import 'rxjs/add/operator/toPromise';

@Injectable()
export class CarService {

constructor(private http: Http) {}

getCarsSmall() {
    return this.http.get('./cars-small.json')
                .toPromise()
                .then(res => <Car[]> res.json().data)
                .then(data => { return data; });
 }
}

这是他们网站的 src。我确实必须将 rxjs 导入 Promise 并修改 Angular 核心包定义。

import {Injectable} from 'angular2/core';
import {Http, Response} from 'angular2/http';
import {Car} from '../domain/car';

@Injectable()
export class CarService {

constructor(private http: Http) {}

getCarsSmall() {
    return this.http.get('/showcase/resources/data/cars-small.json')
                .toPromise()
                .then(res => <Car[]> res.json().data)
                .then(data => { return data; });
 }
}

使用完整路径解决了问题:

return this.http.get('/src/app/cars-small.json')

Answer 1

出于某种原因使此更改生效-

return this.http.get('/src/app/cars-small.json')

当文件处于同一级别时，我真的不明白为什么我必须上两个目录。我尝试了 app/cars-small.json，但也没有用。