数据库json文件和角度部署

Question

我正在使用 GitHub 页面查看我的 Angular 应用程序（电子商务商店）。

产品的数据位于 db.json 文件中，通常我使用 localhost/300 获取并运行监视命令

我必须做哪些更改才能在 GitHub 页面上的实时版本上自动获取产品数据

我尝试将数据放入 api.jsonbin.io 并使用以下命令获取它： productsApiUrl = "https://api.jsonbin.io/v3/b/bin ID/latest"; 但我有这个错误 400

我尝试将 db.json 文件放入 asset 中并使用 httpClient 获取它，但我发现自己处于代码修改以避免错误的无限循环中

Answer 1

获取产品以从 asset/db.json 文件中获取数据。

import { HttpClient } from '@angular/common/http';
import { Injectable } from '@angular/core';
import { Observable } from 'rxjs';

@Injectable({
  providedIn: 'root'
})
export class ProductService {
  private productsApiUrl = '/assets/db.json'; // Point to your local assets folder

  constructor(private http: HttpClient) {}

  getProducts(): Observable<any> {
    return this.http.get(this.productsApiUrl);
  }
}