Javascript 无法在Angular 2项目中检索JSON文件

我试图在angular 2项目中显示静态JSON数据。我收到一个控制台错误“GET 404（Not Found）”，我已经添加了我的services.ts和component.ts页面

服务台

import { Injectable } from '@angular/core';
import { ConfigurationService } from '../../configuration.service';
import { Http, Response, RequestOptions, Headers } from '@angular/http';
import { Observable } from 'rxjs';
import { ListItem } from './list-item';


@Injectable()
export class DataService {

  constructor(
    private _http: Http,
    private _configurationService: ConfigurationService
  ) {}

 get() : Observable<ListItem[]> {
      return this._http.get("app/data/MOCK_DATA.json")
      .map((response: Response) => <ListItem[]> response.json())

  }
}

---

因为它是静态的。无需

http.get

创建一个

json.ts

文件

将JSON文件导出为

export const json={
    "key":"value"
}

然后在需要时导入它

从“/json.ts”导入{json}

---

然后在类内部检查文件/json。

，因为它是静态的。无需

http.get

创建一个

json.ts

文件

将JSON文件导出为

export const json={
    "key":"value"
}

然后在需要时导入它

从“/json.ts”导入{json}

---

然后

console.log（json）

在类中检查文件/json。

I将我重定向到另一个页面如果您使用angular cli，您需要将其添加到资产文件夹并对该文件夹执行http请求。angular cli仅允许来自资产文件夹的json？…是的，我使用的是angularcli@userlkjsflkdsvm一旦进入prod环境，angular cli就会将您的文件打包到dist文件夹中，以便更改您的路径。这就是为什么您应该将静态文件放入assets文件夹的原因。路径可能错误，请尝试删除

应用程序
，
此。_http.get（“data/MOCK\u data.json”）
或尝试类似
的相对路径。_http.get（../../data/MOCK\u data.json”）
根据您的文件夹结构，我会将我重定向到另一个页面如果您使用angular cli，则需要将其添加到您的资产文件夹中，并对该文件夹执行http请求。angular cli仅允许来自资产文件夹的json？…是的，我使用的是angular clicli@userlkjsflkdsvm一旦进入prod环境，angular cli将文件打包到dist文件夹中，以便更改路径。这就是为什么您应该将静态文件放在assets文件夹中的原因。路径可能错误，请尝试删除
应用程序
，
此。_http.get（“data/MOCK\u data.json”）
或尝试类似
的相对路径。_http.get（../../data/MOCK\u data.json”）
，具体取决于您的文件夹结构