webpack dev server mixed content error

Question

Я запускаю веб-сайт React на Cloud9 с помощью webpack-dev-сервера, поэтому он обслуживает контент по https. Проблема заключается в том, что, когда я пытаюсь сделать некоторые AJAX (сети) запрос на внешнюю ссылку HTTP, он дает следующее сообщение об ошибке:

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.

Есть ли трюк для конфигурации WebPack, чтобы сделать возможным запрос данных от HTTP?

Answer 1

Вероятно, нет никакого решения для WebPack-DEV-сервера, но следующий хорош для nodejs

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