Как найти невидимую проблему смешанного контента на защищенном веб-сайте?

Question

Я развернул базовое приложение PWA на сервере NGINX, созданное с помощью Vue CLI. вместо использования режима history для маршрутизатора Vue выбран режим hash.

Хотя сайт защищен:

У меня есть следующие ошибки, и я не уверен, что я могу с этим поделать. Кто-нибудь, может быть, уже получил такую ​​ошибку?:

Mixed Content: The page at 'https://example.com/service-worker.js' was loaded over HTTPS, but requested an insecure resource 'http://example.com/'. This request has been blocked; the content must be served over HTTPS.
Fetch API cannot load https://example.com/index.html. Redirect failed.
service-worker.js:1 Uncaught (in promise) TypeError: Failed to fetch

==== ОБНОВЛЕНО ====

Могут ли следующие строки нарушить HTTPS?:

==== ОБНОВЛЕНО ====

Просто чтобы убедиться, что нет проблем с разрывом SSL, вызванных мета-тегами "http" файлов SVG. Нет необходимости изменять эти файлы.

Answer 1

Вы не можете просто отправить запрос от no secure URL до secure.Вы можете проверить эту документацию Mozilla для более подробной информации:
https://developer.mozilla.org/en-US/docs/Web/Security/Mixed_content/How_to_fix_website_with_mixed_content.