Cloudflare proxy messing with service worker

Hi
I have a vue3 app running on AWS amplify, and the dns is with Cloudflare, If i proxy this subdomain, then I get problems with the serviceworker on the app. Anyone run into similar and got any ideas on a fix?

What are the errors that you are seeing in the console? I might be worth testing by disabling rocket loader to see if that fixes it.

its this, when i turn off the Cloudflare proxy, the errors go away and the serviceworker works:

This is a 403 error.

You can click on the 403 above to get more details, but basically, your site security settings are too strict and Cloudflare is blocking requests from your Service Worker because it thinks it’s a bot or malicious in some way.

Can you check that:

  • you don’t have Under Attack Mode on
  • you don’t have Super Bot Fight Mode on
  • you don’t have a Firewall Rule that is blocking these requests

can confirm, NO attack mode on, NO Super bot fight mode oon, NO Firewall rule that should be blocking it.

I don’t think that’s a Cloudflare problem.

I manually typed the info from your JS console and ran the request. A simple inspection of the request in the network tab shows the following response headers.

content-type: application/xml
date: Thu, 08 Dec 2022 11:45:29 GMT
server: AmazonS3
via: 1.1 63d9e08bce2adee06986125b699b4cec.cloudfront.net (CloudFront)
x-amz-cf-id: 0q9x8RMkqemOkShGM41xzAnGoia2jBnItE0pQ6gpKOMaRKvOa--VEQ==
x-amz-cf-pop: DUS51-P1
x-cache: Error from cloudfront

Cloudfront and S3 are AWS services.
You should be able to find the issues in your AWS console.

like i said before, when i turn Cloudflare proxy off its works, so its currently off. Turn it on and the error comes back

This topic was automatically closed 15 days after the last reply. New replies are no longer allowed.