NUXTJS DEPLOY UBUNTU. NGINX + PM2
Привет программисты 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
Смотрите видео NUXTJS DEPLOY UBUNTU. NGINX + PM2 онлайн без регистрации, длительностью 15 минут 33 секунд в хорошем hd качестве. Это видео добавил пользователь nizamov school 06 Апрель 2021, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 7 тысяч раз и оно понравилось 127 людям.