Развертывание приложения на CentOS 7

В этой статье мы рассмотрим процесс развертывания приложения на Vue.js 3 на сервере CentOS 7. Для этого нам потребуются Node.js, Nginx, и Vue CLI. Мы создадим примерное приложение и развернем его на удаленном сервере.

Установка Node.js

Для установки Node.js на CentOS 7 выполните следующие команды:

sudo yum install -y epel-release
sudo yum install -y nodejs

Проверьте установку Node.js, выполнив команду node -v.

Установка Vue CLI

Vue CLI — это инструмент для создания и управления проектами на Vue.js. Установите его, выполнив команду:

npm install -g @vue/cli

Создание и сборка Vue.js-приложения

Создайте новое приложение на Vue.js, выполнив команду:

vue create my-app

Перейдите в каталог my-app и соберите приложение:

cd my-app
npm run build

Установка и настройка Nginx

Установите Nginx на CentOS 7, выполнив следующие команды:

sudo yum install -y epel-release
sudo yum install -y nginx

Создайте файл конфигурации Nginx для вашего приложения:

sudo nano /etc/nginx/conf.d/my-app.conf

Добавьте следующий конфигурационный код:

server {
    listen 80;
    server_name my-app.example.com;
    root /var/www/my-app;

    location / {
        try_files $uri $uri/ /index.html;
    }
}

Сохраните изменения и закройте файл.

Загрузка и настройка приложения на сервере

Скопируйте собранное приложение на сервер с помощью rsync или scp. Например:

rsync -avz --delete dist/ user@your-server:/var/www/my-app

На сервере CentOS 7 выполните следующие команды:

sudo chown -R nginx:nginx /var/www/my-app
sudo chmod -R 755 /var/www/my-app

Запуск и проверка развертывания

Запустите Nginx, выполнив команду:

sudo systemctl start nginx
sudo systemctl enable nginx

Откройте веб-браузер и перейдите по адресу http://my-app.example.com. Вы должны увидеть ваше развернутое приложение Vue.js.