javascript - webpack dev server 混合内容错误

Question

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

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-server的解决方案，但是下面的对于nodejs还是不错的

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