Matoy Matoy - 1 year ago 326
Node.js Question

Heroku error: page was loaded over HTTPS, but requested an insecure script 'angular-route.js'

I've deployed my

app to
I have this file below as my
but somehow
is throwing me this error message to the chrome developer console (F12).


Mixed Content: The page at '' was
loaded over HTTPS, but requested an insecure script
This request has been blocked; the content must be served over HTTPS.


<!DOCTYPE html>
<script type="text/javascript">
<script data-require="angular.js@1.4.x" src="" data-semver="1.4.9">
<script src=""></script>
<script src=""></script>
<script src="/"></script>
<script src="script.js"></script>

<link rel="stylesheet" type="text/css" href="../css/style.css">

<div ng-app="mymodule" ng-view>

Answer Source

Notice your CDN that's hosting angular-route does not have HTTPS in it - means it is not served in secure protocol.

Either host a copy of it on Heroku (naturally - HTTPS) or find a new CDN to work with.

Edit: as mentioned you can just replace http:// with https:// since Google's APIs can be served through https.