从 heroku 收到关于 HTTPS 的错误

Question

我有一个用 Angular 编写的应用程序，并通过 nodejs 部署到 heroku。 当我在家用计算机上以开发模式运行它时，一切都很棒，并且没有发生错误。但是一旦我将它交付给 heroku，我会在控制台上收到以下错误消息：

Mixed Content: The page at 'https://yasawebsite.herokuapp.com/#/' was loaded
over HTTPS, but requested an insecure script
'http://api.tumblr.com/v2/blog/asayorku.tumblr.com/posts?api_key=[MY SECTRET API-KEY]&callback=angular.callbacks._0'. 
This request has been blocked; the content must be served over HTTPS.

我如何从 tumblr 调用我的数据有问题吗？

这就是我正在做的：

$http.jsonp('http://api.tumblr.com/v2/blog/asayorku.tumblr.com/posts?api_key=[MY SECRET API Key]&callback=JSON_CALLBACK')
  .success(function (data) {
    // my data analysis process
  });

这就是我在 server.js 文件中设置的内容

var express = require('express')
    , morgan = require('morgan')
    , bodyParser = require('body-parser')
    , methodOverride = require('method-override')
    , app = express()
    , port = process.env.PORT || 3000
    , router = express.Router();

app.use(express.static(__dirname + '/dist'));
app.use(morgan('dev'));
app.use(bodyParser());
app.use(methodOverride());

router.get('/', function(req, res, next) {
    res.render('index.html');
});

app.use('/', router);

app.listen(port);
console.log('App running on port', port);

我想强调一下，除了我使用 $http 进行的数据调用之外，一切都可以正常工作，我应该使用 vanilla js 还是 jquery 方法？如果是这样，为什么会发生这种情况 o.0 ？

它调用 /dist 文件夹的原因也是因为应用程序首先被 Grunt 缩小。

Answer 1

尝试将您的 API 请求更改为此（使协议相对）：

$http.jsonp('//api.tumblr.com/v2/blog/asayorku.tumblr.com/posts?api_key=[MY SECRET API Key]&callback=JSON_CALLBACK')
  .success(function (data) {
    // my data analysis process
  });