Question:

Why do some asset files like Nginx, Express, and Vuejs take too long to load?

Problem

I have Nginx, Express (node), and Vuejs set on my server.

The Express server just sends the Vuejs build directly when I visit my website. Everything works, except that some files (not all of them) take 1 min before reaching my browser.

I also have those "errors" in Nginx:

2023/09/13 19:32:45 [error] 3930470#3930470: *1 upstream timed out (110: Connection timed out) while connecting to upstream, client: **.***.**.***, server: www.wradion.dev, request: "GET /assets/index.a2f3249e.css HTTP/1.1", upstream: "http://162.255.119.151:8080/assets/index.a2f3249e.css", host: "www.wradion.dev", referrer: "https://www.wradion.dev/xxxxxx"

2023/09/13 19:32:46 [error] 3930470#3930470: *5 upstream timed out (110: Connection timed out) while connecting to upstream, client: **.***.**.***, server: www.wradion.dev, request: "GET /assets/vendor.90419635.js HTTP/1.1", upstream: "http://162.255.119.151:8080/assets/vendor.90419635.js", host: "www.wradion.dev", referrer: "https://www.wradion.dev/xxxxxx"

This doesn't cause the website to malfunction, it's just there, indicating that it's trying to do something (I don't know what), then fails after a 1 min timeout, then serve my Vuejs assets normally.

Here is my Nginx sites-enabled/default, it's probably the issue because I don't really fully understand how everything works (especially regarding redirection non-www, http, ...):

server {

# SSL configuration

listen 443 ssl default;

listen [::]:443 ssl default;

# certbot certificates conf

root /var/www/wradion_dev/frontend/dist;

server_name www.wradion.dev;

location / {

proxy_http_version 1.1;

proxy_set_header Connection "";

proxy_set_header X-Real-IP $remote_addr;

proxy_set_header Host $http_host;