Heroku Mixed Content Https/http Issue

I deployed my app to Heroku and I keep getting this error in the Chrome console: bundle.js:11892 Mixed Content: The page at 'https://***.herokuapp.com/#/login' was loaded over HTT

Solution 1:

In your app.js or service or where you're making your calls to the server in your app change the address from localhost:3000 to https://***.herokuapp.com:443/yourendpoint. So like

$http.get("https://***.herokuapp.com:443/api).then(function(response) {
...somecode...;
})

also "//***.herokuapp.com:443" should work as well

Solution 2:

https is on 443. perhaps, change your server to listen on that port instead of 8080.