Błąd serwera mieszanej zawartości serwera internetowego

Question

Używam strony internetowej opartej na React na Cloud9 przy użyciu webpack-dev-server, więc obsługuje treści przez https. Problemem jest to, że gdy próbuję zrobić jakiś ajax (Sieć) wniosek do zewnętrznego linku http, daje następujący błąd:

Mixed Content: The page at 'https://...' was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint 'http://...'. This request has been blocked; the content must be served over HTTPS.

Czy istnieje jakiś trick konfiguracja WebPack aby umożliwić dane żądania od http?

Answer 1

Prawdopodobnie nie ma rozwiązania dla WebPACK-dev-serwer, ale po to dobre dla nodejs

app.use(function(req, res, next) { 
    if (req.headers['x-forwarded-proto'] == 'https') { 
     res.redirect('http://' + req.hostname + req.url); 
    } else { 
     next(); 
    } 
});