Я развернул это приложение на Heroku.Кажется, что он работает нормально, когда я загружаю страницу на http, но у меня возникают проблемы при загрузке с https:
Mixed Content: The page at '<URL>' was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint '<URL>'. This request has been blocked; the content must be served over HTTPS.
Серверная часть приложения сделана на Python, внешняя часть с файлом Javascriptи файл index.html.Вот как выглядит JS:
$(document).ready(function(){
//connect to the socket server.
var socket = io.connect('http://' + document.domain + ':' + location.port + '/test');
var numbers_received = [];
//receive details from server
socket.on('newnumber', function(msg) {
console.log("Received number" + msg.number);
//maintain a list of ten numbers
if (numbers_received.length >= 10){
numbers_received.shift()
}
numbers_received.push(msg.number);
numbers_string = '';
for (var i = 0; i < numbers_received.length; i++){
numbers_string = numbers_string + '<p>' + numbers_received[i].toString() + '</p>';
}
$('#log').html(numbers_string);
});
});
Я пытался изменить var socket = io.connect('http://' + document.domain + ':' + location.port + '/test');
на:
var socket = io.connect('https://' + document.domain + ':' + location.port + '/test');
var socket = io.connect('/');
var socket = io.connect('https://link-of-my-heroku-app.com);
Но ни один из них не сработал, какой-нибудь совет?