Firebase角型アプリケーションが接続されていないh HerokuのNodeJSアプリケーション

Question

ノードベースのサーバをHelokuに、クライアントのAngularアプリケーションをFirebaseにデプロイしましたが、この問題に直面しています。私はこれを手伝ってください。

Mixed Content: The page at 'https://newone-2754f.firebaseapp.com/#/login' 
was loaded over HTTPS, but requested an insecure XMLHttpRequest 
endpoint 'http://localhost:8080/authenticate'. 
This request has been blocked; the content must be served over HTTPS. 
    (anonymous) @ angular.js:12011 
    sendReq @ angular.js:11776 
    serverRequest @ angular.js:11571 
    processQueue @ angular.js:16383 
(anonymous) @ angular.js:16399 
    $eval @ angular.js:17682 
    $digest @ angular.js:17495 
    $apply @ angular.js:17790 
    (anonymous) @ angular.js:25890 
defaultHandlerWrapper @ angular.js:3497 
eventHandler @ angular.js:3485 
angular.js:12011 XMLHttpRequest cannot 
load http://localhost:8080/authenticate. Failed to start loading. 
(anonymous) @ angular.js:12011 
sendReq @ angular.js:11776 
serverRequest @ angular.js:11571 
processQueue @ angular.js:16383 
(anonymous) @ angular.js:16399 
$eval @ angular.js:17682 
$digest @ angular.js:17495 
    $apply @ angular.js:17790 
(anonymous) @ angular.js:25890 
defaultHandlerWrapper @ angular.js:3497 
eventHandler @ angular.js:3485 

Answer 1

あなたのコードを展開すると、httpリクエストエンドポイント（nodejs APIエンドポイント）がローカルのものを維持しているようです。エンドポイントを修正してください

was loaded over HTTPS, but requested an insecure XMLHttpRequest 
endpoint 'http://localhost:8080/authenticate'. 
        ^^^^^^^^^^^^^^^^ // Add heroku app url there 
This request has been blocked; the content must be served over HTTPS.