laravel - How to fix This request has been blocked; the content must be served over HTTPS

Question

I've just deployed an app on heroku and it's not rendering as expected. After checking the console I'm getting the below error. How do i fix this?

Mixed Content: The page at 'https://photography-web-by-alphy.herokuapp.com/' was loaded over HTTPS, but requested an insecure stylesheet 'http://photography-web-by-alphy.herokuapp.com/css/style.css'. This request has been blocked; the content must be served over HTTPS.

question from:https://stackoverflow.com/questions/65645897/how-to-fix-this-request-has-been-blocked-the-content-must-be-served-over-https

Answer 1

When your doc is served as HTTPS, other resources must be called as HTTPS as well, such as css, js images and etc.

So, just try import that css with https://... and the problem should be fixed.