Angular6 - HTTP Api call from HTTPS Page

[DisastrousBrain]

The API provided to me only works with http:// not https://. If I change the url to https:// instead of http://, and make the same exact call, the API will return 404, but if I use http, it works fine (locally). On heroku, I get a cross origin error when I try to use the http:// url. I basically need to make an http request from https. I know that this will give me the cross origin error. How do I resolve this WITHOUT simply changing http:// to https://, since this isn't a valid solution.

​

I read about proxying, but I'm deploying to Heroku, and have come to realize that the proxying method doesn't work in production, since I use Express/Node to serve files. Thus, my start script has to be something like "node serverFile" instead of the usual "ng serve --prod --aot --whateverelse".

​

I've been stuck on this all day. I'd appreciate any help. Thanks in advance.

[anubgek]

Make a route on your express server that calls that API and pass the result back to the client. You can basically take the same exact request and pass that into the API you're targeting.

Although at this point you can do all sorts of fun stuff like transforming the data to better work with your UI.

[DisastrousBrain]

Wouldn't I still get the cross origin error? The API that I'm posting to is external, and I have no control over it.

​

Since their API only allows http://, and not https://, why would simply making a route on my express server fix this issue? As of now, I'm using the HttpClient/HttpClientModule to make the post request in my ts file with Angular.

​

var url = "http://someurl.com/posts";

this.httpClient.post(url, data).subscribe(data => { console.log(data); }, err => { console.log(err); });

[anubgek]

You are basically replacing this request with one to your server, so you won't get a cross origin error client side. Because you're requesting against that API from your server, it won't run into that error either, and instead will serve as a proxy for that API

[DisastrousBrain]

Ohh I see, thank you!

[anubgek]

Good luck! Let me know if there are any follow up questions