angular - https via cloudfront and S3 bucket of AWS doesn't work

Question

I have done all the work by learning a tutorial in Youtube, so I was successful to make the domain name of Cloudfront distribution linking to my S3 bucket with only an index.html in it. (there is a little lock icon in the url).

Here is the problem, when I upload Angular dist folder into this same bucket, I can also get access the content; however, the little lock icon change to a circled exclamation icon, and shows that the website is not FULLY secure.

some helps me please

question from:https://stackoverflow.com/questions/65952379/https-via-cloudfront-and-s3-bucket-of-aws-doesnt-work

Answer 1

Based on the comments.

The issue was caused by Mixed Content connections caused by using http along with https.

To solve the problem, all http connections must be changed to https.