webpack开发服务器混合内容错误

Question

我使用webpack开发服务器在Cloud9上运行React网站，因此它通过https提供内容服务。问题是，当我尝试向外部http链接发出一些ajax (网络)请求时，会出现以下错误：

混合内容:在'https://...‘处的页面是通过HTTPS加载的，但是请求一个不安全的XMLHttpRequest端点'http://...'’。此请求已被阻止；内容必须通过HTTPS送达。

webpack的配置有什么窍门可以从http请求数据吗？

Answer 1

可能没有webpack-dev-server的解决方案，但是下面的内容对nodejs很有好处。

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