Nuxt js & Nginx обратный прокси в подкаталоге

Question

Вот моя Nginx конфигурация, и она не работает.

server {
    listen 80;

    server_name mydomain.com;

    location /path {
        proxy_pass http://localhost:3000;
    }
}

Однако обратный прокси в location / работает. Я думаю, что это связано с Nuxt js, но не могу найти решения.

Answer 1

Если вы используете nuxt, вы не должны служить прокси-проходом.

Вы должны использовать следующую команду для создания сборки и обслуживания пути с nginx. Для получения дополнительной информации вы можете проверить nuxt docs

$ npm run build
$ npm run generate

После успешного выполнения этой команды вы должны увидеть новую папку dist с вашим проектом.

Вы должен обслуживать папку dist в вашем nginx.

Мой nginx пример файла для обслуживания проекта nuxt:

server {
    listen 80 default_server;
    root /var/www/site/dist;

    index index.html;

    server_name mydomain.com.br www.mydomain.com.br;
    location / {
         try_files $uri $uri/ =404;
    }
    location /path {
         alias /var/www/nuxtproj/dist; #<-- made this edit
         try_files $uri $uri/ =404;
    }
}