How to properly deploy nuxt application on linux server?

Question

Nginx

There is an application on Nuxt. On my local computer, it opens successfully and all resources are shown
The application is deployed here:
glinka.tk
When I deployed to a linux server, the application is displayed, but no resources were found, and an error appears:


What did I do wrong when deploying? and how to fix it?

All resources are loaded from this folder:


I connect images like this:

<img src="../assets/images/my-works-bg.webp" alt="works-bg" />

I also tried this: How I did the deployment: 1. Cloned the project to the server 2. Installed the dependencies - yarn install 3. Made the project build: yarn run build 4. Created a config file for nginx:
<img src="~/assets/images/avatar.webp" alt="" />

server {

    listen 80;

    server_name glinka.tk  www.glinka.tk;
    index index.html index.htm;

    location /_nuxt/ {
    alias /home/kentforth/webapps/Glinka-Frontend-Nuxt/.nuxt/dist/;
  }
    location / {
       proxy_pass http://localhost:6050;
       proxy_http_version 1.1;
       proxy_set_header Upgrade $http_upgrade;
       proxy_set_header Connection 'upgrade';
       proxy_set_header Host $host;
       proxy_cache_bypass $http_upgrade;
    }

    error_log  /var/log/nginx/glinka-frontend-error.log;
    access_log /var/log/nginx/glinka-frontend-access.log;
}

4. Launched the application via pm2
pm2 start npm --name "glinka-frontend" -- start

Answer 1

I'm not an nginx expert, but I think the redirect for /_nuxt/ is superfluous here. A proxy_pass is enough for the port on which nuxt starts - in any case, everything works without problems for us in this way.