In my site to which I added PWA feature.
I am trying to cache /about
folder. But I have error message in console:
Mixed Content: The page at 'https://example.com/sw.js' was loaded over HTTPS, but requested an insecure resource 'http://example.com/about/'. This request has been blocked; the content must be served over HTTPS..
How to overcome this?
Now I get an error like:
Uncaught (in promise) TypeError: Request failed
On console. I think I miss a {{ site.baseurl }}
somewhere because in custom domain this code works.
Edit
Problem solved, There is a url problem in file.
I need to add {{ site.baseurl }}/index.html
instead of {{ site.baseurl }}index.html