Angular HTTPS and HTTP requests to API

Question

I have certificated my angular app to run over https by adding

ssl: true, 
sslKey: key, 
sslCrt: crt

to my angular.json and I run via

ng serve --ssl --host: 0.0.0.0

It works fine on https://localhost:4200

Problem is that it throws this error on the browser:

Mixed Content: The page at '' was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint ''

I haven't been able to find a solution.

It seems that I am making the API calls to my services via http like:

http://localhost/api/...

where I should make it https://localhost/api/... ?

If that is the case, how can I do this via nodejs, express and mongodb?

If that is not the case, what is?

Juan Castro Lurita · Accepted Answer · 2020-06-03 15:13:51Z

1

Files, libraries and other requests are being called with http and this is bad, when you install an SSL certificate you must call all urls (files, libraries and other requests, etc.) with https to make it work properly.

answered Jun 3, 2020 at 15:13

Juan Castro Lurita

1311 silver badge7 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Iraklis Bekiaris Over a year ago

Hello and thanks for your answer! You mean that I need to make the api calls via https?

Juan Castro Lurita Over a year ago

Yes. When a project has an SSL certificate, there can be no security hole, everything must be in https. I say this from experience, I changed a web project from http to https.

Collectives™ on Stack Overflow

Angular HTTPS and HTTP requests to API

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related