如何在安全的网站上找到看不见的混合内容问题？

Question

我在使用Vue PWA创建的NGINX服务器上部署了一个基本的CLI应用程序。 而不是为Vue路由器使用history模式，而是选择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吗？：

====更新====

仅需确保每个人都不会由于拥有SVG文件“ http”元标记而导致SSL中断问题。无需更改这些文件。