Require assistance with http GET response from ESP32

new to the Ionic, Angular and Cordova scene.
Im making an android app that connects to my Arduino ESP32 which has a self signed TLS HTTPS server on it.
When connecting to its IP address on a PC browser the ESP32 gives some HTML responses in the form of raw HTML as text which is fine for now.
However ive been playing around with some ionic and angular tutorials and i run the app on an actual android phone while also debugging through google chrome.

when i click the button on my app to connect to the ESP32 i get the following errors in my console.

Connecting to the ESP32 via a browser gives me the following, which is OK for now.

Here is the code i tried to adapt in my typescript file to work but it gives me an unknown error in the console.

async getDataNativeHttp()
  let loading = await this.loadingCtrl.create();
await loading.present();
let natuvecall = this.nativeHTTP.get('',{},{'Content-Type':'text/html'});
  console.log('native data:', data)
 // alert(data);

}, err=>{
  console.log('JS CALL ERROR',err);

Also here is my Arduino code showing the response that gets posted to a client.

 res->println("HTTP/1.1 200 OK");
          res->println("Content-Type: text/html");

          res->println("<TITLE>Arduino GET test page</TITLE>");

          res->println("<H1>HTML form GET example</H1>");

          res->println("<FORM ACTION=\"\" method=get >");

          res->println("Pin 4 \"on\" or \"off\": <INPUT TYPE=TEXT NAME=\"LED\" VALUE=\"\" SIZE=\"25\" MAXLENGTH=\"50\"><BR>");

          res->println("<INPUT TYPE=SUBMIT NAME=\"submit\" VALUE=\"Change Pin 4!\">");





What i ultimately want to do is be able to do is request a JSON file from the ESP32 which has sensor data in it to display in the app. I would use MQTT but i don’t want to have to use a broker as a separate device e.g. Mosquito running on a Pi or PC.

Again apologies if it seems like a silly question but this is quite new to me.
Any help would be greatly appreciated!!.