Сайт калькулятор JavaScript не работает, нужно решение

Question

Я недавно сделал мой сайт сертифицированным по SSL, но теперь мой калькулятор не работает. URL: https://secondunitcentersmc.org/calculator/

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

Ошибка журнала консоли: angular.js: 12011 Смешанное содержимое: страница в «https://secondunitcentersmc.org/calculator/' была загружена через HTTPS, но запросила небезопасную конечную точку XMLHttpRequest» http://secondunitcentersmc.org/wp-content/themes/secondunitcenter/calc/data/rents.json'. Этот запрос был заблокирован; содержимое должно быть передано по протоколу HTTPS.

Изменение этого URL-адреса на https не работает (это приводит к тому, что форма не отображается), равно как и изменение $ http на $ https в обоих местах в файле

Изображение из scripts / app.js моего сайта. Это также WordPress сайт.

Answer 1

Итак, когда я перехожу на http://secondunitcentersmc.org/wp-content/themes/secondunitcenter/calc/data/rents.json, он автоматически меняется на https. В вашем js-файле, где вы делаете вызов на эту страницу, URL начинается там с http или https?

Вместо того, чтобы использовать файл json для этих данных, вы можете рассмотреть возможность создания частного пользовательского типа записи для местоположений, а затем просто использовать стандартный запрос WordPress для вызова их в раскрывающемся списке. Также будет легче добавлять и редактировать их в будущем. (и избавьтесь от ошибки https / http:))

Как вы добавили https на свой сайт? с плагином или вручную? Если вручную - вам нужно обновить адрес вашего сайта и адрес wordpress в общих настройках, а также добавить код в ваш файл .htaccess. больше информации здесь (метод № 2) https://www.wpbeginner.com/wp-tutorials/how-to-add-ssl-and-https-in-wordpress/