Angular 2 HTTP GET returning URL null

Question

I am trying to make a simple HTTP GET request using angular 2 with Typescript. I am getting a 404 error, with a null url. Shown below is my component file, and the error I am receiving.

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);
    });
   }
}

The error message:

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

@galvan looks to be 2.0.0 beta .17 but i am using import @angular/http — Malinda Miller
– Malinda Miller, Commented Sep 23, 2016 at 0:16
@Yuvals I never solved it. I believe it was a problem with http imports. I wasn't very far into the project, so i simply downloaded a started project with http already imported and working... — Malinda Miller
– Malinda Miller, Commented Nov 14, 2016 at 14:46
@MalindaMiller I believe I found the problem .. see my answer below. — Yuvals
– Yuvals, Commented Nov 14, 2016 at 19:14

Yuvals · Accepted Answer · 2016-11-14 19:13:11Z

4

This is probably InMemoryWebApiModule.forRoot related issue. This happens when you load in-memory api, but trying to reach undefined url. The way to solve this is by setting passThruUnknownUrl: true in app.module config:

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

answered Nov 14, 2016 at 19:13

Yuvals

3,2866 gold badges36 silver badges61 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

SuperTetelman Over a year ago

Thank you so much, I was having the same problem and this is definately a working solution. I'll have to look more into why the InMemory Module caused this behavior. stackoverflow.com/questions/41752254/…

OPSXCQ · Accepted Answer · 2016-09-23 00:32:01Z

1

As you can see, it's a 404 error, analyse your request to the server. 404 error means that what you requested wasn't found.

About how you make the request, try ti use .map instead of toPromise.

Try to not make HTTP requests on the constructor, use ngOnInit instead.

answered Sep 23, 2016 at 0:32

OPSXCQ

5665 silver badges6 bronze badges

Collectives™ on Stack Overflow

Angular 2 HTTP GET returning URL null

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related