Angular 2 HTTP GET返回URL null

发布时间：2020-12-17 17:26:56 所属栏目：安全来源：网络整理

导读：我正在尝试使用带有Typescript的angular 2进行简单的HTTP GET请求.我收到404错误,空url.下面显示的是我的组件文件,以及我收到的错误. import { Component,OnInit } from '@angular/core';import { Router } from '@angular/router';import { BreadcrumbServi

我正在尝试使用带有Typescript的angular 2进行简单的HTTP GET请求.我收到404错误,空url.下面显示的是我的组件文件,以及我收到的错误.

import { Component,OnInit } from '@angular/core';
import { Router } from '@angular/router';
import { BreadcrumbService } from './breadcrumbService';
import { Http,Response } from '@angular/http';

@Component({
  moduleId: module.id,providers: [ BreadcrumbService],templateUrl: 'html/appList.html',styleUrls: ['css/list.css']

})
export class HealthComponent {
  constructor(private http: Http) {
      this.http.get('http://jsonplaceholder.typicode.com/posts/1')
      .toPromise()
      .then((res: Response) => {
      console.log('RES: ',res);
      })
    .catch((err: Error) => {
      console.log('ERR!!: ',err);
    });
   }
}

错误消息：

Response {_body: Object,status: 404,ok: false,statusText: "Not Found",headers: Headers…}
 _body:Object
 headers:Headers 
 ok:false
 status:404
 statusText:"Not Found"
 type:2
 url:null
 __proto__:Body

解决方法

这可能是InMemoryWebApiModule.forRoot相关问题.当您加载内存中的api但尝试访问未定义的URL时会发生这种情况.解决这个问题的方法是在app.module配置中设置passThruUnknownUrl：true：

InMemoryWebApiModule.forRoot(InMemoryDataService,{passThruUnknownUrl：true})..

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!