Nuxtjs fails to load some modern.js files in UK
I'm facing a very strange issue with nuxt 2.15.8 during production and specifically users who opens the site from UK. The main issue is that images are not hydrating, so after investigation the only thing I could notice in the console is this error
GET https://my-site-name.com/_nuxt/a5d3b1c.modern.js net::ERR_ABORTED 404
There are like 4 or 5 similar errors to this one. I can't ever replicate the issue locally and It never happens unless the user is opening the site from UK. I can replicate it in production by turning on a VPN in UK and open the site in incognito mode.
Here is what google chrome's network tap shows:
Request URL: https://{my-site-name}.com/_nuxt/a5d3b1c.modern.js
Request Method: GET
Status Code: 404
Remote Address: 23.106.56.37:443
Referrer Policy: strict-origin-when-cross-origin
age: 22
cf-cache-status: HIT
cf-ray: 78664697db976934-FRA
content-encoding: br
content-type: text/html; charset=UTF-8
date: Sun, 08 Jan 2023 16:23:06 GMT
server: cloudflare
vary: Accept-Encoding
x-cloud-trace-context: 31ff47ef099dab1ed5d93ca4253ed615
:authority: {my-site-name}.com
:method: GET
:path: /_nuxt/a5d3b1c.modern.js
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br
accept-language: en-US,en;q=0.9
cache-control: no-cache
cookie: lux_uid=167319496642420038
dnt: 1
pragma: no-cache
referer: https://{my-site-name}.com/
sec-ch-ua: "Not?A_Brand";v="8", "Chromium";v="108", "Google Chrome";v="108"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "macOS"
sec-fetch-dest: script
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_4) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/108.0.0.0 Safari/537.36
Any ideas that might fix the issue? The site is deployed on GoogleCloud and cloudflare.
Please or to participate in this conversation.