如何在安全网站上发现不可见的混合内容问题?

我部署了一个基本的 PWA 应用于 NGINX 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吗?:

===已更新====