NUXTJS DEPLOY UBUNTU. NGINX + PM2

Published: 06 April 2021
on channel: nizamov school
7k
127

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

Если вам понравились возможности Nuxt фреймворка в связке с 1С, то обязательно записывайтесь на мое занятие по разработке личного кабинета контрагента на NuxtJS для 1С.





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



В корне проекта создаем 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'
? '
: '
},

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

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

teach.nuxtlk



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




Установка NodeJS



curl -fsSL | 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 # 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 ./

sudo npm install

sudo npm run build
sudo npm run start



Watch video NUXTJS DEPLOY UBUNTU. NGINX + PM2 online without registration, duration 15 minute 33 second in high hd quality. This video was added by user nizamov school 06 April 2021, don't forget to share it with your friends and acquaintances, it has been viewed on our site 7 thousand once and liked it 127 people.