Herokuの混合コンテンツHTTPS/HTTP問題

Question

私はHerokuのに私のアプリを展開し、私はクロームコンソールでこのエラーを取得しておいてください。

bundle.js:11892 Mixed Content: The page at 'https://***.herokuapp.com/#/login' 
was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint  
'http://localhost:3000/login'. This request has been blocked; the content must 
be served over HTTPS.(anonymous function) @ bundle.js:11892sendReq @ 
bundle.js:11653serverRequest @ bundle.js:11363processQueue @ 
bundle.js:16097(anonymous function) @ bundle.js:16113Scope.$eval @ 
bundle.js:17365Scope.$digest @ bundle.js:17181Scope.$apply @ 
bundle.js:17473(anonymous function) @ bundle.js:25159defaultHandlerWrapper @ 
bundle.js:3592eventHandler @ bundle.js:3580 
bundle.js:11892 XMLHttpRequest cannot load http://localhost:3000/login. Failed  
to start loading. 

これは私のサーバーのファイルです：

let express = require('express'); 
let app = express(); 
let publicRouter = express.Router(); 
let apiRouter = express.Router(); 
let models = require(__dirname + '/models'); 
let bodyParser = require('body-parser'); 
let morgan = require('morgan'); 
let config = require(__dirname + '/config/env.js'); 

app.use(express.static(__dirname + '/build')); 

app.use((req, res, next) => { 
res.header('Access-Control-Allow-Origin', 'http://localhost:8080'); 
res.header('Access-Control-Allow-Headers', 'Content-Type, token, authorization'); 
res.header('Access-Control-Allow-Methods', 'GET, POST, PUT, DELETE'); 
next(); 
}) 

require(__dirname + '/routes/auth-routes')(publicRouter, models); 
require(__dirname + '/routes/users-routes')(apiRouter, models); 
require(__dirname + '/routes/questions-routes')(apiRouter, models); 
require(__dirname + '/routes/scores-routes')(apiRouter, models); 

app.use(bodyParser.json()); 
app.use('/', publicRouter); 
app.use('/api', apiRouter); 
app.use(morgan('dev')); 

app.listen(config.PORT,() => { 
    console.log('server started on port ' + config.PORT); 
}); 

私は変更しようとしましたすべてのlocalhost：httpsへの3000の経路が助けにならなかった。私はそれがうまくいかないと思った。私はそれがGoogleのフォントかもしれないと思ったが、これは "//fonts.googleapis.com/css?family=xxx+xxx+xxx"というリンクであり、HTTPSに適しているはずです。どのような考えや提案ですか？

Answer 1

httpsのは、おそらく、そのポートでリッスンの代わりに、あなたのapp.jsやサービスやアプリ内のサーバーに通話を発信している場所変更で8080

Answer 2

するようにサーバーを変更する443でありますlocalhost：3000からhttps：//***.herokuapp.com：443/yourendpointのアドレス。だから、また "//***.herokuapp.com:443"

$http.get("https://***.herokuapp.com:443/api).then(function(response) { 
...some code...; 
}) 

ようにすることだけでなく

を動作するはずです