Firebase Angular App nicht verbinden h NodeJS App auf Heroku

Question

Ich habe einen Knoten Server auf Heroku und Client Angular App auf Firebase, aber ich bin mit diesem Problem konfrontiert. Bitte helfen Sie mir, hier rauszukommen.

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

Wenn Sie Ihren Code zum Einsatz, so scheint es, dass die HTTP-Request-Endpunkte (die NodeJS api Endpunkte) die lokale ein geblieben. Korrigieren Sie die Endpunkte

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.