我在這行代碼“return this.http.get('../data/products.json');”中收到 404 not found 錯誤
其中 service.ts 文件的路徑是“src\app\shared\services\product.service.ts”。json文件的路徑是“src\data\products.json”
這是 service.ts 代碼:
import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { Observable } from 'rxjs';
import { map } from 'rxjs/operators';
export interface Product {
id: number;
title: string;
price: number;
imageUrl: string;
description: string;
}
@Injectable()
export class ProductService {
constructor(private http: HttpClient) {}
getAll(): Observable<Product[]> {
return this.http.get<Product[]>('../data/products.json');
}
getById(productId: number): Observable<Product> {
return this.http.get<Product[]>('../data/products.json')
.pipe(
map(products => <Product>products.find(p => p.id === productId))
);
}
}
嘗試將您的 json 文件夾放在 assets 文件夾下,如下所示:
src\assets\mock\products.json
然後修改方法中的路徑:
getAll(): Observable<Product[]> {
return this.http.get<Product[]>('assets/mock/products.json')
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句