Heroku错误:页面通过HTTPS加载,但请求一个不安全的脚本'angular-route.js'

我已经将我的nodejs应用程序部署到了heroku 。 我有下面这个文件作为我的index.html但不知怎的, heroku把这个错误消息扔给Chrome开发者控制台(F12)。

错误:

混合内容:“ https://small-talkz.herokuapp.com/ ”上的网页是通过HTTPS加载的,但要求使用不安全的脚本“ http://ajax.googleapis.com/ajax/libs/angularjs/1.2.25 /angular-route.js '。 此请求已被阻止; 内容必须通过HTTPS提供。

index.html的:

 <!DOCTYPE html> <html> <head> <script type="text/javascript"> $http.get('https://code.angularjs.org/1.4.9/angular.js').success(successCallback); </script> <script data-require="angular.js@1.4.x" src="https://code.angularjs.org/1.4.9/angular.js" data-semver="1.4.9"> </script> <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.25/angular-route.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.3.1/angular-ui-router.min.js"></script> <script src="/socket.io/socket.io.js"></script> <script src="script.js"></script> <link rel="stylesheet" type="text/css" href="../css/style.css"> </head> <div ng-app="mymodule" ng-view> </div> </html> 

注意你的托pipeangular-route CDN没有HTTPS,意味着它没有在安全协议中提供服务。

要么在Heroku上托pipe它的一个副本(自然是HTTPS),要么find一个新的CDN来处理。

编辑:如上所述,你可以用https://replacehttp:// ,因为Google的API可以通过https服务。