After deploying a simple PWA application on the NGINX server, which was created using Vue CLI, I decided to use hash mode instead of history mode for the Vue router.
Even though the website is secure:
https://i.sstatic.net/CLfUr.png
I am encountering the following errors and I'm not sure how to resolve them. Has anyone else experienced this error before?:
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
==== UPDATED ====
Could the following lines be causing the issue with HTTPS encryption?:
https://i.sstatic.net/jzAm1.png
==== UPDATED ====
Just to clarify for everyone, there are no SSL encryption issues caused by having "http" meta-tags in SVG files. There is no need to change those files.