Http request (get and post) got error without anyreason

Ionic Framework ionic-v3
1

hello every body , for 2weeks I am struggling with this code. every thing fine on chrome with out security, but after building, or on safari,or on iphone emulator, it show’s an error, there is no documentation, I searched and saw many solutions , but nothing use full.
this is what happen, I send request , with header, but it is not working.

this is my .ts file:

import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams, LoadingController } from 'ionic-angular';
import { StaffEditorPage } from '../staff-editor/staff-editor';
import { RegisterContactPage } from '../register-contact/register-contact';
import { Http, RequestOptions, Headers } from '@angular/http';
/**
 * Generated class for the RegisterStaffPage page.
 *
 * See https://ionicframework.com/docs/components/#navigation for more info on
 * Ionic pages and navigation.
 */

@IonicPage()
@Component({
  selector: 'page-register-staff',
  templateUrl: 'register-staff.html',
})
export class RegisterStaffPage {
  results: any = [];
  loader: any;
  token: any = localStorage.getItem("kcut_token");
  constructor(public navCtrl: NavController, public navParams: NavParams, public http: Http, public loadingCtrl: LoadingController, ) {
  }

  ionViewDidLoad() {
    console.log('ionViewDidLoad RegisterStaffPage');
    this.get_staffs_data();
    //  this.closeLoader();
  }
  ionViewDidEnter() {
    // this.get_staffs_data();
    // this.closeLoader();
  }
  initLoader() {
    this.loader = this.loadingCtrl.create({
      content: "wait...",
    });
  };
  presentLoader() {
    this.loader.present()
  };
  closeLoader() {
    this.loader.dismiss();
  }
  goToStaffEditorPage() {
    this.navCtrl.push(StaffEditorPage);

  }
  goToEditStaffEditorPage(name: string, position: string, phone: string, email: string, row: number) {
    //  alert(name+''+position+''+phone+''+email+''+row);
    this.navCtrl.push(StaffEditorPage, {
      name: name,
      position: position,
      phone: phone,
      email: email,
      row: row
    });

  }
  deleteStaff(row: number) {

    this.initLoader();
    this.presentLoader();
    var link = 'http://kcut.ir/wp-json/v1/idehweb-kcut-delete-staffs/data?row=' + row;
    let headers = new Headers({
      'Accept': 'application/json; charset=utf-8',
      'content-type': 'application/json',
      'token': this.token
    });
    let options = new RequestOptions({
      headers: headers
    });
    this.http.get(link, options)
      .subscribe(data => {
        var jsonobject = JSON.parse(data['_body']);
        if (jsonobject.succeed) {
          this.results = jsonobject.staffs;
          console.log(jsonobject.staffs);
        }
        this.closeLoader();


      }, error => {
        this.closeLoader();
        alert("error");
      });
  }
  continue() {
    this.initLoader();
    this.presentLoader();
    var link = 'http://kcut.ir/wp-json/v1/idehweb-kcut-set-step-address/data';
    let headers = new Headers({
      'Accept': 'application/json; charset=utf-8',
      'content-type': 'application/json',
      'token': this.token
    });
    let options = new RequestOptions({
      headers: headers
    });
    this.http.post(link, {}, options)
      .subscribe(data => {
        var jsonobject = JSON.parse(data['_body']);
        if (jsonobject.succeed) {
          localStorage.setItem("kcut_step", jsonobject.step);
          this.closeLoader();
          this.navCtrl.push(RegisterContactPage);
        }
      }, error => {
        this.closeLoader();
        alert("error");
      });

  }
  get_staffs_data() {
    this.initLoader();
    this.presentLoader();
    var link = 'http://kcut.ir/wp-json/v1/idehweb-kcut-get-staffs/data';
    let headers = new Headers({
      'Accept': 'application/json; charset=utf-8',
      'content-type': 'application/json',
      'token': this.token
    });
    let options = new RequestOptions({
      headers: headers
    });

    this.http.get(link, options)
      .subscribe(data => {
        var jsonobject = JSON.parse(data['_body']);
        if (jsonobject.succeed) {
          this.results = jsonobject.staffs;
          console.log(jsonobject.staffs);
        }
        this.closeLoader();
        // this.navCtrl.push(RegisterStaffPage);

      }, error => {
        this.closeLoader();
        alert("error!");
      });


  }

}

this is my config.xml file:

<?xml version='1.0' encoding='utf-8'?>
<widget id="idehweb.kcut.business" version="0.0.1" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0">
    <name>kcut</name>
    <description>An awesome Ionic/Cordova app.</description>
    <author email="hi@ionicframework" href="http://ionicframework.com/">Ionic Framework Team</author>
    <content src="index.html" />
    <access origin="*" subdomains="true" />
    <allow-intent href="*" />
    <preference name="ScrollEnabled" value="false" />
    <preference name="android-minSdkVersion" value="16" />
    <preference name="BackupWebStorage" value="none" />
    <preference name="SplashMaintainAspectRatio" value="true" />
    <preference name="FadeSplashScreenDuration" value="300" />
    <preference name="SplashShowOnlyFirstTime" value="false" />
    <preference name="SplashScreen" value="screen" />
    <preference name="SplashScreenDelay" value="3000" />
    <platform name="android">
        <allow-intent href="market:*" />
        <icon density="ldpi" src="resources/android/icon/drawable-ldpi-icon.png" />
        <icon density="mdpi" src="resources/android/icon/drawable-mdpi-icon.png" />
        <icon density="hdpi" src="resources/android/icon/drawable-hdpi-icon.png" />
        <icon density="xhdpi" src="resources/android/icon/drawable-xhdpi-icon.png" />
        <icon density="xxhdpi" src="resources/android/icon/drawable-xxhdpi-icon.png" />
        <icon density="xxxhdpi" src="resources/android/icon/drawable-xxxhdpi-icon.png" />
        <splash density="land-ldpi" src="resources/android/splash/drawable-land-ldpi-screen.png" />
        <splash density="land-mdpi" src="resources/android/splash/drawable-land-mdpi-screen.png" />
        <splash density="land-hdpi" src="resources/android/splash/drawable-land-hdpi-screen.png" />
        <splash density="land-xhdpi" src="resources/android/splash/drawable-land-xhdpi-screen.png" />
        <splash density="land-xxhdpi" src="resources/android/splash/drawable-land-xxhdpi-screen.png" />
        <splash density="land-xxxhdpi" src="resources/android/splash/drawable-land-xxxhdpi-screen.png" />
        <splash density="port-ldpi" src="resources/android/splash/drawable-port-ldpi-screen.png" />
        <splash density="port-mdpi" src="resources/android/splash/drawable-port-mdpi-screen.png" />
        <splash density="port-hdpi" src="resources/android/splash/drawable-port-hdpi-screen.png" />
        <splash density="port-xhdpi" src="resources/android/splash/drawable-port-xhdpi-screen.png" />
        <splash density="port-xxhdpi" src="resources/android/splash/drawable-port-xxhdpi-screen.png" />
        <splash density="port-xxxhdpi" src="resources/android/splash/drawable-port-xxxhdpi-screen.png" />
    </platform>
    <platform name="ios">
        <allow-intent href="itms:*" />
        <allow-intent href="itms-apps:*" />
        <icon height="57" src="resources/ios/icon/icon.png" width="57" />
        <icon height="114" src="resources/ios/icon/icon@2x.png" width="114" />
        <icon height="40" src="resources/ios/icon/icon-40.png" width="40" />
        <icon height="80" src="resources/ios/icon/icon-40@2x.png" width="80" />
        <icon height="120" src="resources/ios/icon/icon-40@3x.png" width="120" />
        <icon height="50" src="resources/ios/icon/icon-50.png" width="50" />
        <icon height="100" src="resources/ios/icon/icon-50@2x.png" width="100" />
        <icon height="60" src="resources/ios/icon/icon-60.png" width="60" />
        <icon height="120" src="resources/ios/icon/icon-60@2x.png" width="120" />
        <icon height="180" src="resources/ios/icon/icon-60@3x.png" width="180" />
        <icon height="72" src="resources/ios/icon/icon-72.png" width="72" />
        <icon height="144" src="resources/ios/icon/icon-72@2x.png" width="144" />
        <icon height="76" src="resources/ios/icon/icon-76.png" width="76" />
        <icon height="152" src="resources/ios/icon/icon-76@2x.png" width="152" />
        <icon height="167" src="resources/ios/icon/icon-83.5@2x.png" width="167" />
        <icon height="29" src="resources/ios/icon/icon-small.png" width="29" />
        <icon height="58" src="resources/ios/icon/icon-small@2x.png" width="58" />
        <icon height="87" src="resources/ios/icon/icon-small@3x.png" width="87" />
        <icon height="1024" src="resources/ios/icon/icon-1024.png" width="1024" />
        <splash height="1136" src="resources/ios/splash/Default-568h@2x~iphone.png" width="640" />
        <splash height="1334" src="resources/ios/splash/Default-667h.png" width="750" />
        <splash height="2208" src="resources/ios/splash/Default-736h.png" width="1242" />
        <splash height="1242" src="resources/ios/splash/Default-Landscape-736h.png" width="2208" />
        <splash height="1536" src="resources/ios/splash/Default-Landscape@2x~ipad.png" width="2048" />
        <splash height="2048" src="resources/ios/splash/Default-Landscape@~ipadpro.png" width="2732" />
        <splash height="768" src="resources/ios/splash/Default-Landscape~ipad.png" width="1024" />
        <splash height="2048" src="resources/ios/splash/Default-Portrait@2x~ipad.png" width="1536" />
        <splash height="2732" src="resources/ios/splash/Default-Portrait@~ipadpro.png" width="2048" />
        <splash height="1024" src="resources/ios/splash/Default-Portrait~ipad.png" width="768" />
        <splash height="960" src="resources/ios/splash/Default@2x~iphone.png" width="640" />
        <splash height="480" src="resources/ios/splash/Default~iphone.png" width="320" />
        <splash height="2732" src="resources/ios/splash/Default@2x~universal~anyany.png" width="2732" />
    </platform>
    <plugin name="ionic-plugin-keyboard" spec="~2.2.1" />
    <plugin name="cordova-plugin-device" spec="1.1.4" />
    <plugin name="cordova-plugin-ionic-webview" spec="^1.1.11" />
    <allow-navigation href="http://192.168.1.3:8100" />
    <allow-navigation href="http://192.168.76.198:8100" />
    <plugin name="cordova-plugin-statusbar" spec="^2.4.1" />
    <plugin name="cordova-plugin-splashscreen" spec="^4.0.3" />
    <allow-navigation href="http://192.168.43.67:8100" />
    <allow-navigation href="http://10.10.0.109:8100" />
    <plugin name="cordova-plugin-geolocation" spec="^4.0.1" />
    <allow-navigation href="http://192.168.43.68:8100" />
    <plugin name="cordova-plugin-whitelist" spec="^1.3.3" />
    <allow-navigation href="http://kcut.ir/*" />
    <allow-navigation href="*://*.kcut.ir/*" />
    <allow-navigation href="*" />
    <allow-navigation href="http://*/*" />
    <allow-navigation href="https://*/*" />
    <allow-navigation href="data:*" />
    <allow-intent href="http://*/*" />
    <allow-intent href="https://*/*" />
    <allow-intent href="http://kcut.ir/*" />
    <allow-intent href="*://*.kcut.ir/*" />
    <allow-intent href="sms:*" />
    <allow-intent href="tel:*" />
    <allow-intent href="geo:*" />
    <allow-intent href="*" />
    <access origin="http://kcut.ir" />
    <access origin="http://maps.google.com" />
    <access origin="content:///*" />
    <access origin="*" />
    <engine name="android" spec="~7.0.0" />
</widget>

this is data that it is sending:

31
Screen Shot 2018-01-14 at 14.24.31.png1432×1066 65.1 KB

I need get request work with headers in every where

2

why you send the token?

1 Like
3

I want to authorize user with server, and I am sending token on header. by the way, it is not working on device or safari.

4

As You see guys, this is Ionic documentation and support. after 4 days, no body even answered me!!! Like what. I have problem that I have no idea why is it happening, and no body is answering!!! Tnx to all ionic mans!