net::ERR_CERT_AUTHORITY_INVALID when trying to locally call to API

Question

I have an AngularJS served at http://localhost:4200 and an Apache server api located at https://localhost. Both of these separately work just fine.

But when trying to request from my AngularJS app which is sitting in a non-SSL protocol and on a different port to my API sitting on SSL protocol and on a different port, I get this error net::ERR_CERT_AUTHORITY_INVALID on my Chrome devTools network tab.

Do I need to change my SSL configuration? Should I enable or disable an option in Chrome? Should I add a SSL certificate?

Answer 1

The problem was resolved by going straight to the SSL endpoint, then chrome alerts that this resource is not secured. Clicking on "Proceed" will resolve the problem when trying to request for that resource again.