Bdtjtk

I'm facing CORS issue as expected for

• 
  1. ionic serve and


• 
  2. ionic cordova run android


• 3. ionic cordova build android --debug

I resolved the issue for 1. ionic serve using

• a local proxy in ionic.config.json
  

as per this blog https://blog.ionicframework.com/handling-cors-issues-in-ionic/

"proxies": [

{

  "path": "/proxy",

  "proxyUrl": "https://xx.xx.xx/"

}

]

• set the Access-Control-Allow-Origin header in my POST calls like:

>

reqOpts = {

        headers: new HttpHeaders({

          'Content-Type':'application/json',

          'Access-Control-Allow-Origin':'*',

          'Access-Control-Allow-Methods':'POST, GET, PUT, OPTIONS, DELETE, PATCH',

          'Accept':'application/json',

        })

      };

But using 2. ionic cordova run android and 3. ionic cordova build android --debug I still have the below error:

01-02 15:49:48.815 3682-3889/com.xx.xx D/SERVER: Handling local request: http://localhost:8080/proxy/xx/login

01-02 15:49:48.859 3682-3682/com.xx.xx D/SystemWebChromeClient: http://localhost:8080/build/main.js: Line 834 : [object Object]

01-02 15:49:48.859 3682-3682/com.xx.xx I/chromium: [INFO:CONSOLE(834)] "[object Object]", source: http://localhost:8080/build/main.js (834)

01-02 15:49:48.863 3682-3682/com.xx.xx D/SystemWebChromeClient: http://localhost:8080/build/vendor.js: Line 1823 : ERROR

01-02 15:49:48.864 3682-3682/com.xx.xx I/chromium: [INFO:CONSOLE(1823)] "ERROR", source: http://localhost:8080/build/vendor.js (1823)

The blog also mentions that when creating an APK cors won't be an issue. But if I remove the proxy and make an APK using 3. ionic cordova build android --debug

Access to XMLHttpRequest at 'https://xx.xx.xx/xx/login' 

from origin 'http://localhost:8080' has been blocked by CORS policy:

Response to preflight request doesn't pass access control check: 

No 'Access-Control-Allow-Origin' header is present on the requested resource. main.js:835 

Cors issue appears. Why does it occur for APKs for me? Shouldn't on device use the resources from file:// and not the localhost:// and thus avoid CORS issue?

And how do I

a. fix the cors error

or

b. make the proxy work for APK builds.

Oddly the server reply has Access-Control-Allow-Origin

Server →nginx/1.10.3 (Ubuntu)

Date →Thu, 03 Jan 2019 14:25:23 GMT

Content-Type →application/json

Content-Length →1010

Connection →keep-alive

Access-Control-Allow-Origin →*

Access-Control-Allow-Methods →POST

ionic version: 4.5.0

OS: Mac OSX Mojave

platform: Android

You will always have CORS issues on WKWebview if you can't change the Server Settings, you can't do this by client. Suggestion, change to ionic native http

https://ionicframework.com/docs/v3/native/http/