Ionic 4 http call not working on real device, but works on browser

recently i am update my ionic 3 app to ionic 4, everthing working perfect on laptop and my old app, but when i install ionic 4 version of my app on real device, showing

[Error] Origin ionic://localhost is not allowed by Access-Control-Allow-Origin.
[Error] XMLHttpRequest cannot load due to access control checks.
[Error] Failed to load resource: Origin ionic://localhost is not allowed by Access-Control-Allow-Origin. (filter_list, line 0)

but when i run my ionic 3 old version on real device, i can get the data from server, and the same code on ionic 4, it show the error message above, didn’t know what make the issue : (


ionic (Ionic CLI) : 4.12.0 (/usr/local/lib/node_modules/ionic)
Ionic Framework : @ionic/angular 4.4.0
@angular-devkit/build-angular : 0.13.9
@angular-devkit/schematics : 7.3.9
@angular/cli : 7.3.9
@ionic/angular-toolkit : 1.5.1


cordova (Cordova CLI) : 8.0.0
Cordova Platforms : ios 4.5.5
Cordova Plugins : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 4.0.1, (and 7 other plugins)


ios-deploy : 1.9.2
NodeJS : v10.11.0 (/usr/local/Cellar/node/10.11.0/bin/node)
npm : 6.4.1
OS : macOS Mojave
Xcode : Xcode 10.2.1 Build version 10E1001

problem solve, i am following the tutorial here

and i add

Header set Access-Control-Allow-Origin "*"

inside of htaccess on server.

still Its not working ,
i have added Header set Access-Control-Allow-Origin “*” to my api Page.
Http service and google both are not working on device but working on browser

Have you run your app in debug mode on the device to see what the error is?

I’m facing same problem did you solve that?

Thanks its working !