Ionic 1外部HTTP请求

Question

I am trying to consume HTTP services from an external location but only get ERR_CONNECTION_TIMED_OUT because the request never gets to the server.

The app have been built with ionic 1 and angularjs , using angular-resource to consume services

After reading several SO questions I end up setting up my app as follows:

config.xml

<allow-navigation href="*" />    
<access origin="*" />

index.html

<meta http-equiv="Content-Security-Policy" content="default-src 'self' http://server_ip:8080 data: gap: *; style-src 'self' 'unsafe-inline'; script-src 'self' 'unsafe-inline' 'unsafe-eval'">

of course, service_ip is the real server ip address and it accepts HTTP requests as I have been able to consume them using REST clients.

Other considerations:

• The app is built and launched using command ionic run android .
• I am using plugin cordova-plugin-whitelist . (I removed and added it again following several SO answers... without success).
• Also using plugin angular-resource for HTTP requests. Requests are correct as I have tested them using local machine ip and they work, problems came after changing that ip to the server ip .

It looks like a CORS problem, I expected to solve it via meta tag in index.html file but the behaviour is the same even when I set up:

<meta http-equiv="Content-Security-Policy" content="default-src *; style-src 'self' 'unsafe-inline'; script-src 'self' 'unsafe-inline' 'unsafe-eval'">

Any help will be appreciated.

Answer 1

Finally, the problem was on my device. I had to upgrade Google's WebView application in my device to get it work.

Solution was found here