title: Mixed-Content: the page at 'domain' was loaded over HTTPS, but requested an insecure HTTP endpoint in Angular
body: <p>I deployed my <strong>angular</strong> app using the domain with <strong>SSL</strong> on port 4200 that is communicating with API on the same server and port 3000. Now the issue is that when I place BASE_URL as an IP with HTTP, it works fine but when on HTTP it gives mixed-content HTTPS to HTTP error. I also tried the proxy-config method but it didn't work. Is there any way to communicate with the same server via local IP (127.0.0.1) instead of server IP?
  CORS already enabled on API end (Node.js)</p>
  
  <p><a href="https://i.stack.imgur.com/ilOFM.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ilOFM.png" alt="Mixed-Content: the page at &#39;domain&#39; was loaded over HTTPS, but requested an insecure HTTP endpoint in Angular"></a></p>