Angular：无法使用 HttpClient 获取本地 json

Question

我正在使用 Angular5 中提供的最新 HttpClient 组件来为本地 json 发出获取请求，但此后我收到 404。我已经在 app.module.ts.

中导入了 HttpClientModule 模块

文件夹结构快照：

我正在从 blog-detail 组件调用 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 上对休息 api 的评论请求成功，但仅调用本地 json 文件失败。

Answer 1

我能够解决这个问题，但它首先发生的原因有点奇怪。

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

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

Angular：无法使用 HttpClient 获取本地 json

Angular : Unable to GET local json using HttpClient

http

typescript

angular

angular5