Как запустить Vue.js в ISPmanager и не завершать процесс?

Question

[Александр]

Добрый вечер! Работаю на linux, панель управления ISPmanager, прокси сервер nginx.

В конфиге nginx прописал:

server {
	server_name SERVER.RU ;
	charset off;
	index index.php index.html;
	disable_symlinks if_not_owner from=$root_path;
	include /etc/nginx/vhosts-includes/*.conf;
	include /etc/nginx/vhosts-resources/SERVER.RU/*.conf;
	access_log /var/www/httpd-logs/SERVER.RU.access.log;
	error_log /var/www/httpd-logs/SERVER.RU.error.log notice;
	ssi on;
	set $root_path /var/www/www-root/data/www/vue/;
	root $root_path;
	gzip on;
	gzip_comp_level 5;
	gzip_disable "msie6";
	gzip_types text/plain text/css application/json application/x-javascript text/xml application/xml application/xml+rss text/javascript application/javascript image/svg+xml;
	location / {
		location / {
			try_files /does_not_exists @fallback;
		}
		proxy_connect_timeout 500;
        proxy_send_timeout 500;
        proxy_read_timeout 500;
		location ~* ^.+\.(jpg|jpeg|gif|png|svg|js|css|mp3|ogg|mpe?g|avi|zip|gz|bz2?|rar|swf)$ {
			try_files $uri $uri/ @fallback;
		}
	}
      location @fallback {
		proxy_pass http://127.0.0.1:7777;
		proxy_redirect http://127.0.0.1:7777 /;
		proxy_set_header Host $host;
		proxy_set_header X-Real-IP $remote_addr;
		proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
		proxy_set_header X-Forwarded-Proto $scheme;
		proxy_set_header X-Forwarded-Port $server_port;
		access_log off;
	}
	listen SERVER.RU:80;
}

Создал папку проекта на Vue.js, запускаю его:

root@33:/var/www/www-root/data/www/vue/# npm run serve                                                                                                                
                                                                                                                                                                             
> vue@0.1.0 serve                                                                                                                                                        
> vue-cli-service serve --host 127.0.0.1 --port 7777                                                                                                                         
                                                                                                                                                                             
 INFO  Starting development server...

 DONE  Compiled successfully in 2408ms                                                                                                                             6:57:10 PM

  App running at:
  - Local:   http://127.0.0.1:7777/
  - Network: http://127.0.0.1:7777/

  Note that the development build is not optimized.
  To create a production build, run npm run build.

Всё хорошо, страница открывается, но через время получаю 502 на странице. Пробовал запускать через pm2, но ничего не получается.

pm2 start "npm run serve" --name vue

Подскажите, пожалуйста, как правильно сделать?

Answer 1

[Wispik]

npm run serve
Serve - это для разработки, на сервере надо выполнить билд
npm run build
И в nginx указать путь к сбилженным файлам

Comments

[Александр]

Спасибо, создалась папка dist

В nginx прописал:

location / {
        root /var/www/myapp/dist;
        try_files $uri  /index.html;
    }

Работает, открывается. Получается, build создал мне статичные файлы.

А вы знаете почему же npm run serve прерывает процесс сам по себе? Почему он не работает до принудительной остановки?

[Wispik]

Александр, При закрытии терминала, обрывается сессия и запущенные вручную приложения прерываются

[Александр]

Wispik, спасибо