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();
    }
});