[Конфигурация среды] создание среды nginx и развертывание проектов vue

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

Руководство по установке: установка nginx

1.1 ошибка ПКР

После загрузки пакета nginx ./configureя столкнулся со следующей проблемой:
./configure: error: the HTTP rewrite module requires the PCRE library.
я пытался использовать распространенный в Интернете метод для установки pcre, но это было бесполезно, и сообщение об ошибке, описанное выше, все равно выдавалось.

yum -y install pcre-devel openssl openssl-devel

Установите pcre вручную:
ознакомьтесь с методом установки pcre в статье:
установка nginx вручную и установка зависимых пакетов (pcre+zlib+openssl)

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

2.1 nginx: [появление] open() «/etc/nginx/mime.types» не удалось

Запустите nginx в sbin, столкнулись с проблемой:
open() "/etc/nginx/mime.types" failed
добавьте файлы по указанному пути, перейдите по ссылке:
Проблема Nginx: open() "/etc/nginx/mime.types" не удалось

2.2 nginx: [emerg] open() «/var/log/nginx/error.log» не удалось

Проверьте /var/log/nginxпуть и обнаружите, что папка не существует, /var/logсоздайте новую папку nginx в папке

3. Упакуйте проект vue

3.1 Различные не могут найти модули

Cannot find module 'xxx'
Выполните cnpm install xxxего.Поскольку
возникло слишком много проблем, node_modulesудалите папку, выполните ее cnpm install, а затем успешно выполните cnpm run buildпакет.

4. Разверните проект vue

4.1 Доступ к проекту через путь невозможен

закомментировать mode: 'history'_

const router = new Router({
    
    
  base: '/',
  // mode: 'history', // 去掉#，需要路由模式改为history
  routes: routes
})

4.2 HTTP 404: после настройки местоположения интерфейс доступа по-прежнему 404

Исходная конфигурация nginx.conf:

location /api {
    
    
  proxy_pass  http://域名:端口号;
}

Согласно: После того, как vue упакован, интерфейс доступа сообщает об ошибке 404 решение . Я узнал, что после номера порта нужно что-то писать, поэтому все интерфейсы, которые нужно использовать, пишите следующим образом:

location /api/user {
    
    
  proxy_pass  http://域名:端口号/user;
}

4.3 HTTP 413: Загрузить часть файла 413

Ссылка: решение Nginx для загрузки больших файлов с превышением тайм-аута

• Причины ошибки
  • Объект запроса слишком велик Объект запроса слишком велик и превышает предел запроса на получение. Загруженный файл слишком большой.
• Решение
  • Если метод http-запроса get, рекомендуется изменить его на post.
  • Измените файл конфигурации nginx, чтобы настроить размер запроса клиента и размер кэша.
  • Измените файл /etc/nginx/nginx.conf:

Введите http{}_

client_max_body_size     50m; //文件大小限制，默认1m
client_header_timeout    1m;
client_body_timeout      1m;
proxy_connect_timeout     60s;
proxy_read_timeout      1m;
proxy_send_timeout      1m;

Перезапустите службу nginx.

4.4 Ошибка: превышено время ожидания 5000 мс

Превышено время ожидания 5000 мс.
Измените время ожидания в request.js с 5000 до 60000.