SecurityError в объекте перекрестного происхождения с window.open

Question

У меня есть код javascript ниже, который выполняется при нажатии на изображение (тег img), он также использует массив под названием photoOrder.

var photoOrder = [1,2,3,4,5];
//Open center figure in separate window
function bigPicture() {
var propertyWidth = 900;
   var propertyHeight = 550;
   var winLeft = ((screen.width - propertyWidth) / 2);
   var winTop = ((screen.height = propertyHeight) / 5);
   var winOptions = "width=900,height=550";
   winOptions += ",left=" + winLeft;
   winOptions += ",top=" + winTop;
   var bigPicWindow = window.open("./biggerPicture.html", "BiggerPicture", winOptions);
   bigPicWindow.focus();
}

В окне получения у меня есть следующее код для доступа к массиву photoOrder:

var photoOrderArray = window.opener.photoOrder;

Основная идея состоит в том, чтобы просмотреть версию IMG biiger, которая отображается. Но когда я нажимаю на него, второй windows, вызываемый window.open, получает следующую ошибку:

SecurityError: В доступе запрещен доступ к свойству photoOrder для объекта перекрестного происхождения

Как я могу это исправить? Я попытался window.postMessage, но это просто открывает новые банки червей с ошибками. Я запускаю его на локальном компьютере p c, дважды щелкнув файл index. html. Это учебный проект, которым я занят, а не живой сайт.

Answer 1

Кажется, единственный способ обойти это - настроить веб-сервер, даже с помощью простой настройки, такой как Xamp, чтобы избежать ошибки, чтобы он работал как живой веб-сайт с IP-адресом компьютера Xamp в качестве домена.