angular模拟服务器响应数据的更好方法?

在这种情况下,可以使用JSON数据。您可以将JSON数据保存在一个文件中,并在拦截器处拦截您的请求,然后从如下文件发送模拟数据。

@Injectable()
export class SampleInterceptor implements HttpInterceptor {
  constructor(private http: HttpClient) {}
  intercept(
    request: HttpRequest<any>,
    next: HttpHandler
  ): Observable<HttpEvent<any>> {
    const httpRequest = new HttpRequest(
      <any>request.method,
      "./../../assets/sample.json"
    );
    request = Object.assign(request, httpRequest);
    request = request.clone();
    return next.handle(request);
  }
}

你可以安装 json-server 然后使用它的模拟数据。

npm install -g json-server

创建 db.json 文件和一些数据

{
  "posts": [
    { "id": 1, "title": "json-server", "author": "typicode" }
  ],
  "comments": [
    { "id": 1, "body": "some comment", "postId": 1 }
  ],
  "profile": { "name": "typicode" }
}

启动JSON服务器

json-server --watch db.json

现在如果你去 http://localhost:3000/posts/1 ,你会得到

{ "id": 1, "title": "json-server", "author": "typicode" }

参考: https://github.com/typicode/json-server