I have a frontend and backend server on different web hosting, I used Netlify for hosting frontend and AWS for hosting backend when I connected frontend with backend give me error : Mixed Content Error (Http/Https)
Mixed Content: The page at 'https://www.frontend-domain.net/' was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint 'http://domain-eu-west-3.elb.amazonaws.com'. This request has been blocked; the content must be served over HTTPS.
because frontend uses https but backend uses http.(http://domain-eu-west-3.elb.amazonaws.com). I use loadbalancer to connect to my ec2 instance(backend).
the question is : how i make loadbalancer(domain-eu-west-3.elb.amazonaws.com) uses https and add certificate ? is it free ?
how i make loadbalancer(domain-eu-west-3.elb.amazonaws.com) uses https and add certificate ?
You need your own domain. You can't use domain-eu-west-3.elb.amazonaws.com because this is AWS-owned domain, not yours. Once you get your domain, you can get free SSL cert from AWS ASM.
is it free ?
There are some free domain providers. You can try that. But for anything serious, its better to actually buy something.