Ionic 3 http request

Question

Whenever http request (using rxjs) is made from a real device at that time origin and the referrer received into service is undefined.

Http request does not work as expected from real device.

import { Injectable } from '@angular/core';
import { Http } from '@angular/http';

@Injectable()
export class DbcallService {
  constructor(private _http: Http) {}

  getData() {
    var url = 'https://jsonplaceholder.typicode.com/posts';
    this._http.get(url).subscribe(data => {
      console.log(data);
    });
  }
}

Answer 1

You have to change it as shown below.

your-provider.ts

import { Injectable } from '@angular/core';
import { Http } from "@angular/http";
import { Observable } from 'rxjs/Observable';
import 'rxjs/add/operator/map';

@Injectable()
export class DbcallService {
  constructor(private _http: Http) {
  }

  getData() {
    var url = 'https://jsonplaceholder.typicode.com/posts';
    this._http.get(url).map(res => res.json());
  }
}

When you called it, you have to do like below.

my-page.ts

this.myProvider.getData().subscribe(
      result => {
       },
      error => { },
      () => { }
    );

Answer 2

Use HttpClient instead for Angular 6.

This works:

import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';

@Injectable()
export class DbcallService {
  constructor(private _http: HttpClient) {
  }

  getData() {
    var url = 'https://jsonplaceholder.typicode.com/posts';
    this._http.get(url).subscribe(data => {
      console.log(data);
    });
  }
}