webpack dev服务器混合内容错误

Question

我使用webpack-dev-server在Cloud9上运行基于React的网站，因此它通过https提供内容。问题是，当我尝试向外部http链接发出一些ajax（网络）请求时，它会出现以下错误：

  

混合内容：＆＃39; https：//...'是通过HTTPS加载的，但是请求了一个不安全的XMLHttpRequest端点＆＃39; 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();
    }
});