[Configuración del entorno] construcción del entorno nginx e implementación de proyectos vue

1. Instalar nginx

Tutorial de instalación: Instalar nginx

error de 1.1 pc

Después de descargar el paquete nginx, ./configureencontré el siguiente problema:
./configure: error: the HTTP rewrite module requires the PCRE library.
traté de usar el método común en Internet para instalar pcre, pero fue inútil y el error anterior aún se informaría

yum -y install pcre-devel openssl openssl-devel

Instale pcre manualmente:
aprenda del método de instalación de pcre en el artículo:
instalación manual de nginx e instalación de paquetes dependientes (pcre+zlib+openssl)

2. Inicie nginx

2.1 nginx: [emerg] open() “/etc/nginx/mime.types” falló

Inicie nginx en sbin, encuentre un problema:
open() "/etc/nginx/mime.types" failed
agregue archivos en la ruta que se muestra, consulte el enlace:
Problema de Nginx: open() "/etc/nginx/mime.types" falló

2.2 nginx: [emerg] open() “/var/log/nginx/error.log” falló

Verifique /var/log/nginxla ruta y descubra que la carpeta no existe, /var/logcree una nueva carpeta nginx debajo de la carpeta

3. Empaquetar el proyecto vue

3.1 Varios no pueden encontrar módulos

Cannot find module 'xxx'
Ejecutarlo Dado que se han encontrado demasiados problemas, elimine la carpeta, ejecútela y luego ejecute cnpm install xxxel paquete con éxito.
node_modulescnpm installcnpm run build

4. Implementar el proyecto vue

4.1 No se puede acceder al proyecto a través de la ruta

comentar mode: 'history'_

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

4.2 HTTP 404: después de configurar la ubicación, la interfaz de acceso sigue siendo 404

Configuración original de nginx.conf:

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

De acuerdo con: Después de empaquetar vue, la interfaz de acceso informa una solución de error 404. Aprendí que algo debe escribirse después del número de puerto, así que escriba todas las interfaces que deben usarse de la siguiente manera:

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

4.3 HTTP 413: Subir archivo parte 413

Referencia: solución de tiempo de espera de gran tamaño para cargar archivos grandes de Nginx

  • Motivos del error
    • Entidad de solicitud demasiado grande La entidad de solicitud es demasiado grande y supera el límite de solicitud de obtención. El archivo subido es demasiado grande.
  • Solución
    • Si el método de solicitud http es get, se recomienda cambiarlo a post.
    • Modifique el archivo de configuración de nginx para configurar el tamaño de la solicitud del cliente y el tamaño de la memoria caché.
    • Modifique /etc/nginx/nginx.conf:

http{}entrar en

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;

Reinicie el servicio nginx.

4.4 Error: se excedió el tiempo de espera de 5000 ms

Tiempo de espera de 5000ms solución excedida
Cambiar el tiempo de espera en request.js de 5000 a 60000

Supongo que te gusta

Origin blog.csdn.net/Kandy0125/article/details/121755063
Recomendado
Clasificación