Connection refused why?

ionic-v1
1

hi guys,

Why I am having this error:

image
Screenshot_2015-10-21-21-30-55-debug.png253×634 39.8 KB

I have added crosswalk, but on device is not working. Any idea?

2

Because it violates Content Security Policy…

That’s the reason. Read http://docs.ionic.io/docs/cordova-whitelist and setup content security rules in your index.html to allow access to this specific domain.
See also https://github.com/apache/cordova-plugin-whitelist/blob/master/README.md

3

hi @tomkuipers I have done this setup. But the problem was not fixed. I have for 2 days trying to resolve it.

4

That is annoying, I am afraid I cannot help. Did you specify the domain in your content security meta tag?

5

Just for the sake of debugging can you try adding <access origin="*" /> to your config.xml ?

6

my config.xml seems ok:

<content src="index.html"/>
  <plugin name="cordova-plugin-whitelist" spec="1" />
  <access origin="*" subdomains="true"/>
  <allow-intent href="*" />
  <allow-navigation href="*" />
  <preference name="webviewbounce" value="false"/>
  <preference name="UIWebViewBounce" value="false"/>
  <preference name="DisallowOverscroll" value="true"/>
  <preference name="android-minSdkVersion" value="16"/>
  <preference name="BackupWebStorage" value="none"/>
  <feature name="StatusBar">
    <param name="ios-package" value="CDVStatusBar" onload="true"/>
  </feature>

Up to now I dot not understand why of this problem, once I have setup correctly.

7

yes. it is here:

<meta http-equiv="Content-Security-Policy" content="default-src 'self' '*' data: gap: https://ssl.gstatic.com; style-src 'self' 'unsafe-inline'; media-src *;script-src 'self' localhost:35729 'unsafe-eval' 'unsafe-inline';">
8

Do you see this error on actual device only or in browser as well?

9

device. I have build on phonegap and deployed device.

10

So in browser everything is fine? sorry if this is a dumb question, i just want to understand that this is actually CORS issue or something wrong with your http request

11

in browser I have just test with ionic serve and everything is ok. Too tested with ionic view and is ok. But when I generated apk and installed on device, I have received this error =/. I am 2 days trying to fixing. any idea @yurinondual?

thanks for try help me.

12

is this ios device? try ionic prepare ios, and then ionic build ios, and try to deploy again

13

its android device samsung T211 model.

14

If you are connecting to a php file on the server… You can do this !! I used this in my php file…

if (isset($_SERVER['HTTP_ORIGIN'])) {
        header("Access-Control-Allow-Origin: {$_SERVER['HTTP_ORIGIN']}");
        header('Access-Control-Allow-Credentials: true');
        header('Access-Control-Max-Age: 86400');    // cache for 1 day
    }

// Access-Control headers are received during OPTIONS requests
    if ($_SERVER['REQUEST_METHOD'] == 'OPTIONS') {

        if (isset($_SERVER['HTTP_ACCESS_CONTROL_REQUEST_METHOD']))
           header("Access-Control-Allow-Methods: GET, POST, OPTIONS");

if (isset($_SERVER['HTTP_ACCESS_CONTROL_REQUEST_HEADERS']))
            header("Access-Control-Allow-Headers:
           {$_SERVER['HTTP_ACCESS_CONTROL_REQUEST_HEADERS']}");
       exit(0);
 }

And this works without … playing with any code n the app

15

my server is java app. But API has filter for CORS.

16

Do your server logs give any insights?

17

@tomkuipers there is not anything in server logs. Its very strange. Because in ionic view the app is working without problem. =/

18

I ran out of ideas why it is happening to you. Can you try doing ionic plugin list to make sure that whitelist plugin is installed?

19

hi @yurinondual its is too strange. here the result of plugin I have installed:

$ ionic plugin list
cordova-plugin-crosswalk-webview 1.3.1 "Crosswalk WebView Engine"
cordova-plugin-splashscreen 2.1.0 "Splashscreen"
cordova-plugin-whitelist 1.0.0 "Whitelist"