NUXTJS DEPLOY UBUNTU. NGINX + PM2

Привет программисты 1С, с вами Низамов Илья. Сегодня я покажу, как выполнить deploy нашего проекта личного кабинета NuxtJS на сервере Ubuntu.

Если вам понравились возможности Nuxt фреймворка в связке с 1С, то обязательно записывайтесь на мое занятие по разработке личного кабинета контрагента на NuxtJS для 1С.
https://nizamov.school/courses/integration1s/nuxt1s?utm_source=youtube

#1с #программист1с #vue #javascript #nuxtjs


Подготовка проекта

https://nuxtjs.org/docs/2.x/deployment/deployment-pm2

В корне проекта создаем ecosystem.config.js

module.exports = {
apps: [
{
name: 'NuxtLK',
exec_mode: 'cluster',
instances: 'max', // Or a number of instances
script: './node_modules/nuxt/bin/nuxt.js',
args: 'start',
},
],
}

npm install cookie js-cookie

В nuxt.config.js указываем адрес нашего backend

axios: {
baseURL:
process.env.NODE_ENV === 'production'
? 'http://10.10.1.10/nuxtsrv/hs/nuxt'
: 'http://localhost/nuxtsrv/hs/nuxt',
},

Комитим все изменения

Создаем проект в gitlab

teach.nuxtlk

http://10.10.1.150:30000/IlyaNizamov/teach.nuxtlk.git

Пушим наш проект в git


https://nuxtjs.org/docs/2.x/deployment/nginx-proxy

Установка NodeJS

https://github.com/nodesource/distributions/blob/master/README.md

curl -fsSL https://deb.nodesource.com/setup_14.x | sudo -E bash -
sudo apt-get install -y nodejs

node -v
npm -v

sudo npm install pm2 -g

Установка Nginx

sudo apt update
sudo apt install nginx

sudo ufw app list
sudo ufw allow 22
sudo ufw allow 'Nginx Full'
sudo ufw status


systemctl status nginx
sudo systemctl stop nginx
sudo systemctl start nginx
sudo systemctl restart nginx
sudo systemctl reload nginx

sudo mkdir -p /var/www/nuxtlk.ru
sudo chown -R $USER:$USER /var/www/nuxtlk.ru
sudo chmod -R 755 /var/www/nuxtlk.ru

sudo nano /etc/nginx/sites-available/nuxtlk.ru

map $sent_http_content_type $expires {
"text/html" epoch;
"text/html; charset=utf-8" epoch;
default off;
}

server {
listen 80; # the port nginx is listening on
server_name nuxtlk.ru www.nuxtlk.ru; # setup your domain here

gzip on;
gzip_types text/plain application/xml text/css application/javascript;
gzip_min_length 1000;

location / {
expires $expires;

proxy_redirect off;
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_read_timeout 1m;
proxy_connect_timeout 1m;
proxy_pass http://127.0.0.1:3000; # set the address of the Node.js instance here
}
}


sudo ln -s /etc/nginx/sites-available/nuxtlk.ru /etc/nginx/sites-enabled/

sudo nano /etc/nginx/nginx.conf

http {
...
server_names_hash_bucket_size 64;
...
}

sudo nginx -t

sudo systemctl restart nginx

Переносим проект на сервер и выполняем его сборку

cd /var/www/nuxtlk.ru/
sudo git clone http://10.10.1.150:30000/IlyaNizamov/teach.nuxtlk.git ./

sudo npm install

sudo npm run build
sudo npm run start


http://nuxtlk.ru/