How to run vue in serve mode on prod via nginx?

Question

Nginx

I run it on the production through the yarn dev console
The block itself is in package.json

"scripts": {
    "serve": "vue-cli-service serve --port 3000",
    "dev": "npm run serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
  },

App running at:
- Local: localhost:3000
- Network: unavailable

In nginx block:

location /mydir {
          proxy_pass http://localhost:3000;
          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;
    }

I go to the site and get Invalid Host header or white page
In the console I see 404 on app.js

Answer 1

The reason was in publicPath