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

【问题标题】：webpack dev server mixed content errorwebpack 开发服务器混合内容错误
【发布时间】：2017-07-02 19:08:00
【问题描述】：

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

混合内容：“https://...”处的页面是通过 HTTPS 加载的，但请求了不安全的 XMLHttpRequest 端点“http://...”。此请求已被阻止；内容必须通过 HTTPS 提供。

webpack 配置有什么技巧可以让 http 请求数据成为可能吗？

【问题讨论】：

标签： javascript node.js webpack webpack-dev-server mixed-content

【解决方案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();
    }
});

【讨论】：