http请求在postman中有效，但在浏览器中无效

Question

我可以发送帖子并从邮递员那里获得请求，但当我实际从浏览器发送请求时，它无法获取记录，并在控制台中显示错误“body:{ error:“Collection ' undefined ' not found”}”。

已尝试Get和Post请求，它们都在POSTMAN中提供数据作为响应，但在浏览器中不起作用。显示错误“body:{ error:“Collection ' undefined ' not found”}”。在同一个项目中，在不同的地方，我也使用内存中的数据库，我可以发出/获取请求，并接收响应数据。

homepage.ts:=============
public AllItem: AllItems[] ;
getAllItems(): void {
    console.log('AA');
    this.itemService.getAllItems() //(this.AllItems)
      .subscribe(AllItem => this.AllItem = AllItem  );
      console.log(this.AllItem);
      console.log('EE');
  }

item.Service.ts:===============
private itemsUrl = 'api/items';  // URL to web api
private allItemsUrl = 'http://*************.azurewebsites.net/items';
getAllItems(): Observable<AllItems[]>{ 
console.log('CC');  
    return this.http.get<AllItems[]>(this.allItemsUrl)
    .pipe(
      tap(_ => this.log('fetched heroes')),
      catchError(this.handleError<AllItems[]>('getHeroes', []))
    );
}

// this get request work properly and gives response data from in-memoery-db
getItems(): Observable<Item[]> {
 return this.http.get<Item[]>(this.itemsUrl)
 .pipe(
      tap(_ => this.log('fetched heroes')),
      catchError(this.handleError<Item[]>('getHeroes', []))
    );
}

in POSTMAN it gives data as
{
    "items": [
        {
            "category": "Drink",
            "item": "Coffee",
            "price": "5$"
        }]
}

in Browser console
core.js:15724 ERROR 
body: {…}, url: "http://**********.azurewebsites.net/items", headers: HttpHeaders, status: 404, statusText: "Not Found"}
body: {error: "Collection 'undefined' not found"}
headers: HttpHeaders {normalizedNames: Map(0), lazyUpdate: null, lazyInit: ƒ}
status: 404
statusText: "Not Found"
url: "http://*************.azurewebsites.net/items"
__proto__: Object

Answer 1

得到了解决方案，实际上我在同一个项目的其他地方使用了内存中的web API，未找到收集错误表明您以前使用过内存中的anger-web-api。您需要从项目中删除与此相关的所有内容，以便您能够使用外部api和db。

InMemoryWebApiModule.for根（InMemoryDataService）角内存中的web-api，它取代了Http客户端模块的HttpBackend，因此在使用实际服务器和数据库之前需要先删除它

之后，我遇到了另一个问题，对飞行前请求的响应没有通过访问控制检查:在请求的资源上没有“Access-Control-Allow-Origin”头。

为此，我们需要在Azure的节点服务器中使用以下内容。var cors=要求（‘cors’）；应用程序。使用（cors（｛origin:“*”｝））；