Nuxt SSR Alibaba Cloud Deployed Nginx Proxy — подробное объяснение

Node.js Vue.js Vuex внешний фреймворк vue-router
Nuxt SSR Alibaba Cloud Deployed Nginx Proxy — подробное объяснение
Предисловие: поскольку многие мелкие партнеры присылают мне частные сообщения о развертывании приложений NUXT в облаке Alibaba, я подробно расскажу о них здесь.

моя версия сервераCentOS7~

Необходимые инструменты:Xftp5 Xshell5 (если у вас есть удаленный склад, вам не нужен Xftp5 для отправки напрямую на ваш сервер)
шаг:1 Установить и настроить nvm (узел) 2 mysql 3 Настроить nginx (Tengine) 4 Запуск pm2

один.  Установите и настройте nvm для установки узла: Щелкните адрес

2. Установите MySQL:Щелкните адрес

После завершения установки установите источник пароля mysql.sql. Импортируйте файл sql.

3. Настройте nginx

1. Загрузите пакет tengine и загрузите tengine-2.2.0.tar.gz в каталог /usr/soft.

2. Разархивируйте пакет tengine в /usr/src:

        cd /usr/src
        cp /usr/soft/tengine-2.2.0.tar.gz ./
        tar -zxvf tengine-2.2.0.tar.gz
        rm -rf tengine-2.2.0.tar.gz

3. Установите необходимые компоненты

         yum -y install gcc gcc-c++
ПКРЕ:
         cd /usr/src
         tar zxvf pcre-8.39.tar.gz
        ./configure --prefix=/usr/local/pcre-8.39
        make && make install
OpenSSL:
        cd /usr/src
       tar zxvf openssl-1.0.2.tar.gz
       ./config --prefix=/usr/local/openssl-1.0.2
       make && make install
Zlib:
       cd /usr/src
       tar zxvf zlib-1.2.11.tar.gz
      ./configure --prefix=/usr/local/zlib-1.2.11
       make && make install

4. Настройте программные ссылки и службы запуска

      ln -s /etc/init.d/nginx /usr/bin/nginx
     chmod 755 nginx
     chkconfig --add nginx
     chkconfig nginx on  

5. конфигурационный файл nginx

    worker_processes 1;
    error_log logs/error.log;
    error_log logs/error.log notice;
    error_log logs/error.log info;
    pid logs/nginx.pid;
    events {
       use epoll;
       worker_connections 1024;
     }
    http {
       include mime.types;
       default_type application/octet-stream;
      sendfile on;
      keepalive_timeout 65;
     #gzip on;
   include /usr/local/nginx/conf/conf_site/*.conf;// отдельныйincludeфайл конфигурации
   }


6, включить конфигурацию conf

    server{
       listen 80;
       location / {
         deny all;
        }
    }
   upstream maven_domain_com {
Сервер localhost: 8000; // Собственный сервер IP
    }
   server{
слушать 80; // слушать порт 80
        server_name maven.domains.com; // собственное доменное имя второго уровня
        location / {
           proxy_pass http://maven_domains_com/nexus/;
           proxy_set_header Host $host;
           proxy_set_header X-Real-IP $remote_addr;
           proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
       } 
       location /nexus/ {
           proxy_pass http://maven_domain_com/nexus/;
           proxy_set_header Host $host;
           proxy_set_header X-Real-IP $remote_addr;
           proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
       }
    }

7. Запустите nginx

   cd /usr/local/nginx/  

   ./nginx

4. Организуйте код и поместите его на сервер

Открыть Xftp в верхнем левом углу Новая сессия

 

затем откройте


Выберите только что созданный


После успешного подключения войдите в корневой каталог корневой учетной записи сервера (ниже)

Пять стартап-проектов

Перетащите свой проект прямо в каталог, в который вы хотите его поместить,

переключиться на проект

npm install install package зависимости (могут возникнуть различные проблемы с совместимостью пакетов)

Если есть проблема с совместимостью пакетов, удалите ^ перед версией пакета в файле package.json.

Затем удалите rm -f -r ./node_modules

очистить кеш пакетов npm очистить кеш

Затем установите пряжу npm, установите пряжу -g

переустановить с пряжей

 yarn install

установить pm2

yarn add pm2

Сначала запустите npm run dev

Затем выполните pm2 start bulid/main.js.

Список выполнения pm2# показать все статусы процесса

Отображение онлайн означает, что он был запущен

Если вы не можете получить к нему доступ, вы можете проверить журналы pm2



Вы также можете выполнить pm2 monit# контролировать все процессы


Теперь введите свое доменное имя для доступа~~~~~~


Успешное развертывание~~~

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



Кроме того, рекомендуется модуль стресс-тестирования проекта узла:autocannon

demo




Категории