Хобрук: Ваш путь к мастерству в программировании

Ошибки только при размещении приложения, но не на моем локальном хосте

Я работаю в AngularJS 2, и при размещении на локальном сервере у меня нет ошибок, и все в порядке, но при размещении на сервере firebase в консоли появляются ошибки. Ссылка здесь...:

https://test-calculadora.firebaseapp.com

ОШИБКИ

Эта ошибка смешанного содержания появляется в Google Chrome и Firefox

Смешанное содержание: страница "https://test-calculadora.firebaseapp.com/" была загружен по HTTPS, но запросил небезопасную таблицу стилей http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,400,300,600 '. Этот запрос заблокирован; контент должен обслуживаться по HTTPS.

Эта ошибка появляется только в Google Chrome

ERROR TypeError: Cannot read property '0' of null
at Object.updateDirectives (3.ad64bef68a696aaec9de.chunk.js:1)
at Object.updateDirectives (vendor.be20388edeb374983d23.bundle.js:127)
at or (vendor.be20388edeb374983d23.bundle.js:127)
at mr (vendor.be20388edeb374983d23.bundle.js:127)
at gr (vendor.be20388edeb374983d23.bundle.js:127)
at or (vendor.be20388edeb374983d23.bundle.js:127)
at mr (vendor.be20388edeb374983d23.bundle.js:127)
at gr (vendor.be20388edeb374983d23.bundle.js:127)
at or (vendor.be20388edeb374983d23.bundle.js:127)
at mr (vendor.be20388edeb374983d23.bundle.js:127)
firebase typescript javascript angular mixed-content
28.09.2017

Ответы:


1

обратите внимание, что ошибочная ссылка начинается с «http», а не «https». http по своей сути "небезопасен".

'http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,400,300,600'

вы должны иметь возможность добавить 's' к http, и это должно исправить ситуацию.

что Google говорит:

Всегда используйте https: // URL-адреса при загрузке ресурсов на вашей странице. Используйте заголовок Content-Security-Policy-Report-Only для отслеживания ошибок смешанного содержимого на вашем сайте. Используйте директиву CSP upgrade-insecure-requests, чтобы защитить посетителей от небезопасного контента.

подробнее см. здесь

28.09.2017
Новые материалы
Учебные заметки JavaScript Object Oriented Labs
Вот моя седьмая неделя обучения программированию. После ruby ​​и его фреймворка rails я начал изучать самый популярный язык интерфейса — javascript. В отличие от ruby, javascript — это более..
Разбор строк запроса в vue.js
Иногда вам нужно получить данные из строк запроса, в этой статье показано, как это сделать. В жизни каждого дизайнера/разработчика наступает момент, когда им необходимо беспрепятственно..
Предсказание моей следующей любимой книги 📚 Благодаря данным Goodreads и машинному обучению 👨‍💻
«Если вы не любите читать, значит, вы не нашли нужную книгу». - J.K. Роулинг Эта статья сильно отличается от тех, к которым вы, возможно, привыкли . Мне очень понравилось поработать над..
Основы принципов S.O.L.I.D, Javascript, Git и NoSQL
каковы принципы S.O.L.I.D? Принципы SOLID призваны помочь разработчикам создавать надежные, удобные в сопровождении приложения. мы видим пять ключевых принципов. Принципы SOLID были разработаны..
Как настроить Selenium в проекте Angular
Угловой | Селен Как настроить Selenium в проекте Angular Держите свое приложение Angular и тесты Selenium в одной рабочей области и запускайте их с помощью Mocha. В этой статье мы..
Аргументы прогрессивного улучшения почти всегда упускают суть
В наши дни в кругах веб-разработчиков много болтают о Progressive Enhancement — PE, но на самом деле почти все аргументы с обеих сторон упускают самую фундаментальную причину, по которой PE..
Введение в Джанго Фреймворк
Схема «работать умно, а не усердно» В этой и последующих статьях я познакомлю вас с тем, что такое фреймворк Django и как создать свое первое приложение с помощью простых и понятных шагов, а..