webpack dev服务器混合内容错误

Question

我正在使用webpack-dev-server在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();
    }
});