title: Ionic 5 - API request working on browser, not on emulated IOS
body: <p>I have this Ionic 5/Capacitor app, which I'm making an API call to a local server from, that server running on docker at localhost:3000. When I test from the browser, the request is made fine. From Postman it requests fine, too. In my XCode logs the emulator, I see this</p>
  <pre><code>[error] - ERROR {&quot;headers&quot;:{&quot;normalizedNames&quot;:{},&quot;lazyUpdate&quot;:null,&quot;headers&quot;:{}},&quot;status&quot;:0,&quot;statusText&quot;:&quot;Unknown Error&quot;,&quot;url&quot;:&quot;http://localhost:3000/pins&quot;,&quot;ok&quot;:false,&quot;name&quot;:&quot;HttpErrorResponse&quot;,&quot;message&quot;:&quot;Http failure response for http://localhost:3000/pins: 0 Unknown Error&quot;,&quot;error&quot;:{&quot;isTrusted&quot;:true}}
  </code></pre>
  <p>The really interesting part, is that I'm running Fiddler to monitor the request as it's made. Fiddler gets a 200 as well, I can even see the response data. So, Fiddler sees the proper network call, but then my Ionic app gets that error. That makes me feel like it's an Ionic/Emulator/IOS problem, but I don't have enough familiarity with Ionic to know right off the bat what it is.</p>
  <p>Here's the code responsible for making the request:</p>
  <pre><code>  ngOnInit() {
      const request = this.http.get('http://localhost:3000/pins');
  
      this.refresh$.subscribe(
        (lastPos: { latitude?: any; longitude?: number }) =&gt; {
          request.subscribe(data =&gt; {
            if (data) {
              this.addMarkersToMap(data, lastPos);
            }
          });
        }
      );
    }
  </code></pre>
  <p>And the HTTPClient imported in the constructor is from Angular:</p>
  <pre><code>import { HttpClient } from '@angular/common/http';
  </code></pre>