lỗi nội dung hỗn hợp máy chủ webpack dev

Question

Tôi đang chạy trang web dựa trên React trên Cloud9 bằng cách sử dụng webpack-dev-server, vì vậy nó cung cấp nội dung qua https. Vấn đề là khi tôi cố gắng thực hiện một số ajax (mạng) yêu cầu liên kết http bên ngoài, nó mang lại cho các lỗi sau:

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.

Có trick cho cấu hình webpack để làm cho nó dữ liệu yêu cầu có thể từ http?

Answer 1

Có lẽ không có giải pháp cho webpack-dev-server, nhưng sau đây là tốt cho nodejs

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