Angular：无法使用HttpClient

Question

我正在使用HttpClient中提供的最新Angular5组件来获取本地json的get请求，但此后我才收到404。我已经在HttpClientModule中导入了app.module.ts模块。

文件夹结构快照：

我正在为blog-list.json的博客详细信息组件拨打电话。这是我的代码：

  constructor(private http: HttpClient) {
  }

  ngOnInit(): void {
    // this.http.get('https://jsonplaceholder.typicode.com/posts/1').subscribe((data:Blog[]) => {
    this.http.get('app/api/blog-list.json').subscribe((data:Blog[]) => {
         this.blogs = data;
    });
  }

我收到以下错误：

GET http://localhost:909/app/api/blog-list.json 404 (Not Found)

即使我尝试通过点击http://localhost:909/src/app/api/blog-list.json直接在浏览器中打开文件，我也会在那里提供应用程序而不是json文件。

请注意，对web上的rest api的注释请求成功，但无法仅调用本地json文件。

Answer 1

我能够解决这个问题但有点奇怪，为什么它发生在第一位。

为此我必须更新.angular-cli.json并在assets属性中添加api文件夹的路径。现在资产属性看起来像：

"assets": [
    "assets",
    "app/api",
    "favicon.ico"
 ]