'How to fix "Mixed Content: The page at.. was loaded over HTTPS, but requested..." in Laravel/Vuejs in Heroku deployment?

I'm getting a Mixed Content: The page at 'https://rebdc-dev.herokuapp.com/employees' was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint 'http://rebdc-dev.herokuapp.com/api/employees'. This request has been blocked; the content must be served over HTTPS. error on my Laravel/Vue SPA. I think I can't get into the /api/ url as read on the error. I've already set APP_URL=https://rebdc-dev.herokuapp.com/ and tried this solution but it wasn't working: https://www.codegrepper.com/code-examples/php/Mixed+Content+heroku+laravel

enter image description here

Any help is much appreciated.



Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source