問題タブ [mixed-content]

現在、ember アプリケーションの 1 つを Ubuntu LTS + Apache/Nginx 構成のサーバーにデプロイしている状態です。

ただし、おそらく私の側からの情報が不足しているため、ビルドプロセスが何か間違っているようです。

私の構成は次のようになります。

次のようなエラーが発生するため、アプリは localhost:4200 にリンクされているようです。

不足している構成が表示される人はいますか?

前もって感謝します。

Web ページを作成し、それを cnd ブートストラップ拡張機能にリンクしましたが、Web ページを起動すると、レイアウトがすべて単純で広がって見えます。ここにサイトへのリンクがあります

kellito14.github.io

以下のコードは次のとおりです。

http.get リクエストを実行しようとしていますが、実行できません。

Service以下は、私が使用しているの関連部分です。

Postmanで get リクエストを実行できるため、URL http://finance.yahoo.com/d/quotes.csv?s=AAPL&f=npが有効であることはわかっています。

npm-liteを使用してアプリを実行していますが、http://localhost:3000に読み込まれます

http://localhost:3000で実行すると、次のエラーが発生します: XMLHttpRequest cannot load http://finance.yahoo.com/d/quotes.csv?s=AAPL&f=np。要求されたリソースに「Access-Control-Allow-Origin」ヘッダーがありません。したがって、オリジン ' http://localhost:3000 ' へのアクセスは許可されません。

アプリが http で実行されており、get 要求を適切に実行するには https である必要があることが問題である可能性があると考えたので、bs.config.jsonファイルを作成しました。npm-lite を使用すると、browser-syncから実行するオプションを使用できます。アプリを https で実行できるように、https を true に設定しました。

bs-config.json

アプリを実行すると、' https://localhost:3000 ' で実行され、次のエラーが表示されます: zone.js:101Mixed Content: The page at ' https://localhost:3000/portfolio ' was loaded over HTTPS 、安全でない XMLHttpRequest エンドポイント ' http://finance.yahoo.com/d/quotes.csv?s=AAPL&f=np ' をリクエストしました。このリクエストはブロックされました。コンテンツは HTTPS 経由で提供する必要があります。

ここから先に進む方法がわかりません。http get リクエストを適切に設定しているかどうか、または何か誤解している場合はお知らせください。ありがとう！

============================================

EDIT 1: @AngJobs の推奨事項に応じて:クロスブラウザリクエストのリクエストに特別なヘッダーを追加するだけです

リクエストにヘッダーを追加しました：

http://localhost:3000での実行に戻りました が、エラーが発生しました: XMLHttpRequest cannot load https://finance.yahoo.com/d/quotes.csv?s=AAPL&f=np。プリフライトの応答が無効です (リダイレクト)

github (flickrTest.html) で Web ページをホストしており、Web ページと同じディレクトリにフォルダーが存在することを確認しようとしています。ホストされたフォルダーは次のようになります: http://imgur.com/a/pZWoH

次のような ajax 呼び出しを使用しようとしています。

しかし、この呼び出しは http と見なされ、Web ページがホストされているサイトは https であるため、混合コンテンツ エラーが発生します。絶対パスを含めると、どういうわけか mapData の JSON ファイルにアクセスできます。https 経由でフォルダーの存在を確認する方法はありますか?

最新の Firefox アップデート (48.0.2) では、HTTPS サイトの doubleclick タグから混合コンテンツ エラーが表示されますが、問題のある URL が https を使用しているように見えるため、このエラーは意味がありません。

混合アクティブ コンテンツの読み込みがブロックされました "about:neterror?e=dnsNotFound&u=https%3A//fls.doubleclick.net%3Bsrc%3D3268620%3Btype%3Dboo120%3Bcat%3D3-c420%3Bord%3D1/%3F&c=UTF-8&f= regular&d=Firefox%20can%E2%80%99t%20find%20the%20server%20at%20fls.doubleclick.net%3Bsrc%3D3268620%3Btype%3Dboo120%3Bcat%3D3-c420%3Bord%3D1."[詳細]

これを引き起こしている可能性のあるアイデアはありますか？

フェイスブックで申し込みました。httpsで動作しています。最近、Apache リバース プロキシをセットアップしました。プロキシは、https から tomcat の http ポート 8080 へのリダイレクトを行っています。直接アクセスした場合、ゲームは動作しています。Facebookからアクセスするとエラーが発生します：

混合コンテンツ: ' https://apps.facebook.com/pennantrace/?fb_source=bookmark&ref=bookmarks&count=0&fb_bmpos=_0 ' のページは HTTPS 経由で読み込まれましたが、安全でないフォーム アクションを要求しました ' http://thepennantrace.com/ '。このリクエストはブロックされました。コンテンツは HTTPS 経由で提供する必要があります。

更新 1:

Spring Social facebook のキャンバス コントローラーの投稿ログイン URL を「https://...」に設定しましたが、動作するようになりましたが、Tomcat はhttps://...comへの呼び出しをhttp://...にリダイレクトしています。 .com/resources/index.html

tomcat からのすべてのリダイレクトは、プロトコルを https に変更せずにそのまま (http) 渡されるようです。