Firebase Angular 应用程序未连接 Heroku 上的 h NodeJS 应用程序

Question

我已经在 Heroku 上部署了节点服务器，在 Firebase 上部署了客户端 Angular 应用程序，但我遇到了这个问题。请帮助我摆脱困境。

 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.