What is the output of the following code?

const { HttpClient } = require('@ionic/angular');

const http = new HttpClient();

http.get('https://example.com/api/users').subscribe(res = console.log(res));

Question

Imagine an application that connects to an API. You launch your application on a device with *ionic run*.

The application makes a request to a server *http://api.ionic.com/endpoint* that does not allow CORS.

What will happen?

Accepted Answer

The origin does not exist on a device. There will be no CORS problem, so the request will work.

Answer

The request will return this error: 

```
XMLHttpRequest cannot load http://api.ionic.com/endpoint.
No 'Access-Control-Allow-Origin' header is present on the requested resource.
Origin 'http://localhost:8100' is therefore not allowed access.
```

Answer

The return of the request will be a *502 Bad Gateway*

Question from the Ionic Framework test

What is the output of the following code? const { HttpClient } = require('@ionic/angular'); const http = new HttpClient(); http.get('https://example.com/api/users').subscribe(res => console.log(res));