AngularJS、Parse-Server、Herokuを使用した混在コンテンツの問題

Question

私は、無料のティアを使用してHeroku上でホストしているparse-serverを実行しているノードサーバーを持っています。 AngularJSを使用してWebアプリケーションを構築し、サーバーからデータを取得しました。ローカルに開発した後、私はまた、Herokuの上でWebアプリケーションをホストされている、といくつかの理由のために私は次のようになり、すべての私のイメージのための混合コンテンツの警告を取得：

混在したコンテンツます。https「でのページ：// MYWEBAPPを。 herokuapp.com 'はHTTPS経由で読み込まれましたが、安全でない画像を要求しました
' http：// MYPARSESERVER.herokuapp.com/parse/files/SOMEIMAGE.jpg '。このコンテンツは、HTTPS経由でも配信する必要があります。

私のparse-serverはhttpsを使用していますが、何らかの理由でファイルのリクエストがhttpを経由しているようです。

これは私の初めてのビルドとスタック全体のホスティングなので、これが私のAngularアプリ、パースサーバ設定、またはheroku設定の問題であるかどうかは完全にはわかりません。

誰かが潜在的に問題が発生する可能性のあるアイデアがあれば、明確にするためのコードスニペットを提供できます。助けてくれてありがとう！

コードサンプル：私の角度アプリでapp.jsで

：

function parseInit($rootScope) { 
    Parse.initialize("MY_APP_ID"); 
    Parse.serverURL = 'https://MY_PARSE_SERVER.herokuapp.com/parse'; 

    $rootScope.currentUser = Parse.User.current(); 
} 

問題を引き起こしているように思わFileオブジェクトを含むバックエンドからのデータを、取得する例：

function getEvents() { 
    let q = $q.defer(); 

    let Event = Parse.Object.extend('Event'); 
    let query = new Parse.Query(Event); 

    query 
    .include('poster') 
    .find({ 
     success: (events) => { 
     q.resolve(events); 
     }, 
     error: (object, error) => { 
     q.reject(error); 
     } 
    }); 

    return q.promise; 
} 

私の解析サーバ内のapp.js：

const express = require('express'); 
const ParseServer = require('parse-server').ParseServer; 
const ParseDashboard = require('parse-dashboard'); 
const path = require('path'); 
const env = require('./env.json'); 

var node_env = process.env.NODE_ENV || "development"; 
var config = env[node_env]; 

var api = new ParseServer({ 
    databaseURI: process.env.MONGODB_URI || config.databaseUri, 
    cloud: process.env.CLOUD_CODE_MAIN || __dirname + '/cloud/main.js', 
    appId: MY_APP_ID, 
    masterKey: MY_MASTER_KEY, 
    serverURL: process.env.SERVER_URL || config.serverUrl, 
    facebookAppIds: ["MY_FACEBOOK_APP_ID"], 
    revokeSessionOnPasswordReset: true 
}); 

var dashboard = new ParseDashboard({ 
    "apps": [{ 
     "serverURL": process.env.SERVER_URL || config.serverUrl, 
     "appId": config.appId, 
     "masterKey": config.masterKey, 
     "appName": "api", 
    }] 
}); 

var app = express(); 

// Serve the Parse API on the /parse URL prefix 
var mountPath = process.env.PARSE_MOUNT || '/parse'; 
app.use(mountPath, api); 
app.use("/dashboard", dashboard) 

var port = process.env.PORT || 1337; 
app.listen(port, function() { 
    console.log('Running on port ' + port + '.'); 
}); 

process.env.SERVER_URLを設定し、私のHerokuのでとして渡され、現在、HTTPSさ：// MY_PARSE_SERVER.herokuapp.com/parse

Answer 1

この質問は、あなたの問題はかなり漠然としたスタック内のどこであるか、とのより複雑なことができています全体のアプリケーション構成。あなたが適切にすべてのサーバー側を構成したと仮定すると、

... AngularJS側から

、私はどこでもあなたがテンプレートで（自分のエラーメッセージから）<image>または<script>タグを持っていていることを確実になりますHTTPではなくhttpsを使用してリソースを要求しています。