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 提供。

索引.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>
请注意,

托管angular-route中没有HTTPS的CDN - 这意味着它不在安全协议中提供。

要么在Heroku上托管它的副本(自然是HTTPS),要么找到一个新的CDN来使用。

编辑:如前所述,您可以将http://替换为https://,因为Google的API可以通过https提供服务。

最新更新