Внешний интерфейс, быстрое развертывание dist в Nginx

внешний интерфейс Nginx
Внешний интерфейс, быстрое развертывание dist в Nginx

Эта статья участвовала в "Проект «Звезда раскопок»”, чтобы выиграть творческий подарочный пакет и бросить вызов творческим поощрительным деньгам.

Мало знаний, большой вызов! Эта статья участвует в "Необходимые знания для программистов«Творческая деятельность.

предисловие

  • онлайн музыкаТкни меня!
  • Исходный код музыкального блогаСейчас в сети!
  • Давно не писал статьи за последние два месяца.Дело не в том, что я ленивый, а в том, что в последнее время проект слишком много работает сверхурочно.Отработав неделю сверхурочно, руководитель проекта сам ушел с работы рано.Если он не мог видеть, что мы работаем в 3 часа ночи, он говорил, что версия недоступна.Опоздайте, возьмите выходной после выхода в интернет и разорвите рот.
  • Делая что-то одно, самое печальное, что ты так много работал, у тебя даже нет никаких претензий, ты просто хочешь услышать чужую похвалу тебе, которой может быть достаточно в твоем сердце, и ты больше всего боишься, что люди совсем не оценит, а придет и скажет, что это нехорошо, это нехорошо.
  • Конечно, какое-то время я еще потрачу на учебу по ночам, ведь время как молоко, и всегда будет немножко выжимки.
  • Сервер, на котором я работал в Шунде, был Win, поэтому моим сервером всегда был Win. Когда я переехал в Гуанчжоу, сервер был в основном Linx. Я обнаружил, что Linx хорош. Сейчас для меня пространство — это недостаток, поэтому я решил для перехода на систему Linx.
  • Следующий шаг за шагом познакомит вас со всем процессом | статьи Nginx.

Неизвестный остров.

48.jpg

необходимость

В настоящее времямузыкальный блогПриложения, развернутые на Win7, в основном включают:

  • задний конец имеет
    • В качестве стороннего приложения Java необходимо установить образ Java (👌🏻)
    • Node в качестве основного фона, необходимо установить образ Node
  • база данных имеет
    • Java для подключения к Oracle необходимо установить образ Oracle
    • Узел подключается к Mysql и должен установить зеркало Mysql (👌🏻)
  • Интерфейсный проект развернут в Nginx, необходимо установить зеркало Nginx (✔️)
  • Сервис текстов песен также развернут на Node.
  • Узел подключен к Mysql, и необходимо установить зеркало Mysql.
  • Java подключен к Oracle, вам необходимо установить образ Oracle
  • Музыкальные файлы хранятся на Minio

Нужно перенести вышеуказанные приложения на Linx, сделайте это!

Многие компании не разрешают вам трогать сервер, теперь вы можете посмотреть и подписаться на меня, и записать весь процесс с нуля на Linux.
Эта статья в основном написана дляВсе еще использую win-сервер, готов к переходу на LinuxДрузья, можете попрактиковаться в переносе серверов на линукс, у линукса много плюсов, самые заметные это место, скорость...
В процессе миграции вам обязательно предстоит решить много проблем. Вышеуказанные требования будут написаны. В этой статье в основном объясняется развертывание Nginx в Linux, и другие приложения будут обновляться в будущем, так что оставайтесь настроено!

Установите Nginx в Linux

Расскажу вам анекдот: в начале я скопировал nginx win-версии и поставил на linux, готовый к запуску.

После неудачи хочу скопировать nginx на фирменный линукс, но не получается, надо еще через yum установить.

1. Установите пакеты зависимостей

//一键安装上面四个依赖
yum -y install gcc zlib zlib-devel pcre-devel openssl openssl-devel

2. Скачайте и разархивируйте установочный пакет

//创建一个文件夹
cd /usr/local
mkdir nginx
cd nginx

//下载tar包
wget http://nginx.org/download/nginx-1.13.7.tar.gz
tar -xvf nginx-1.13.7.tar.gz

3. Установите нгинкс

//进入nginx目录
cd /usr/local/nginx

//进入目录
cd nginx-1.13.7

//执行命令
./configure

//执行make命令
make

//执行make install命令
make install

В-четвертых, настройте nginx.conf

# 打开配置文件
vi /usr/local/nginx/conf/nginx.conf

Измените номер порта на 8089, потому что apache может занимать порт 80, старайтесь не изменять порт apache, мы решили изменить порт nginx.

localhost изменен на IP-адрес вашего сервера.

20.png

Пять, запустите nginx

/usr/local/nginx/sbin/nginx -s reload

Если возникает ошибка:nginx: [error] open() "/usr/local/nginx/logs/nginx.pid" failed

затем запустите:

/usr/local/nginx/sbin/nginx -c /usr/local/nginx/conf/nginx.conf

Просто начните это снова!

6. Проверьте, запущен ли процесс nginx

ps -ef | grep nginx

21.png

7. Отключите брандмауэр виртуальной машины.

Если вы хотите использовать внешний хост для подключения к порту доступа к виртуальной машине, вам необходимо закрыть брандмауэр виртуальной машины:

centOS6及以前版本使用命令: systemctl stop iptables.service

centOS7关闭防火墙命令: systemctl stop firewalld.service

Затем получите доступ к ip, чтобы увидеть интерфейс nginx.

22.png

Восемь, часто используемые команды Nginx

  • Перейдите в каталог установки

    • cd /usr/local/nginx/sbin
  • запускать

    • ./nginx
  • останавливаться

    • ./nginx -s stop
  • перезагружать

    • ./nginx -s reload
  • Проверьте наличие проблем с грамматикой

    • ./nginx -t

Перед перезапуском nginx всем рекомендуется использовать./nginx -tпроверить, нет ли проблем с грамматикой, если она показывает

nginx.conf syntax is ok nginx.conf test is successful

Файл конфигурации правильный!

9. Разверните dist на Nginx

Мы установили nginx, а теперь входим в тему: front end, ставим диск на Nginx.

Просто укажите путь к каталогу dist конфигурации псевдонима в объекте сервера в /usr/local/nginx/conf.

Например, моя папка dist находится в папке /home/tsVue/vue/dist/;

60.png

После модификации не забудьте перезапустить nginx.

существуетВосемь, часто используемые команды NginxУпоминается команда перезапуска.

Таким образом, когда мы обращаемся к IP-адресу сервера, мы видим, что страница index.html в папке dist отображается под портом 80, переадресованным nginx.

Наконец

Мы выполнили одно из требований: фронтенд-проект развернут в Nginx, необходимо установить зеркало Nginx.

Нам всегда нравится проектное обучение, не так ли?

Я тоже через личные проекты -онлайн музыкаЧтобы подтолкнуть меня к изучению систем Linux, Docker, Java, Nginx и т. д., знания о внешнем интерфейсе, которые могут быть недоступны для внешнего интерфейса, я думаю, что это может быть «широтой» управления.

В следующей статье будет рассказано о Node, увидимся снова~

Связанная литература

Подробные шаги по установке nginx в LINUX

Рекомендовано в прошлом

Typora перетаскивает изображения для создания онлайн-изображений | Gitee picture bed

Подробное объяснение нескольких картинок, одноразовое понимание цепочки прототипов (десятки тысяч слов)

Vue-Cli3 создает библиотеку компонентов

Vue реализует динамическую маршрутизацию (и интервьюер выдает основные моменты проекта)

Операция Axios, которую вы не знаете в проекте (рукописные основные принципы, совместимость)

Документация по компонентам проекта сборки VuePress

система управления фоном vue-typescript-admin-template

Оригинальная ссылка

nuggets.capable/post/702281…