Prefacio
Después de que nginx implemente el proyecto, aparecerá una interfaz de error 404 después de actualizar al acceder (sin configuración y sin actualizar el directorio raíz de la página de inicio)
Después de volver a visitar la página de inicio, volvió a la normalidad. Este problema ocurrirá tan pronto como la actualice. ¿Por qué es esto?
De hecho, es muy simple: no ha agregado un salto de redirección a su configuración de nginx .
Motivo del error
Debido al modelo de desarrollo web de una sola página, solo hay una entrada index.html y otras rutas se redirigen mediante enrutamiento front-end. Nginx no corresponde a esta ruta y, por supuesto, es 404.
La solución es muy sencilla, es decir, configurar el siguiente código en nuestro mapeo de proxy para solucionar con éxito el problema y ¡no más 404!
Después de la configuración, reinicie el servicio nginx y podrá actualizar el acceso normalmente.
#在配置中加上try_files，意思跟翻译差不多，“尝试读取文件”。
try_files $uri $uri/ /index.html =404;
try_files significa verificar si el archivo existe, lo que significa que cada vez que la ruta URL coincida y no se pueda encontrar el recurso estático correspondiente, saltará automáticamente al archivo index.html.
Hay otro error 404, que es el problema de permisos de archivos al que accede nginx.
Por ejemplo, si la ruta a la que accede requiere permisos de root y los permisos que usamos para iniciar nginx son permisos de usuario normales, el acceso normal no será posible porque los permisos no son buenos.
ilustrar
¿Por qué sucede esto al actualizar la página?
Por ejemplo: http://192.168.0.180:8080/index.html. En este momento, al actualizar la página, regrese y acceda a nginx para solicitar los recursos estáticos correspondientes de acuerdo con la URL del navegador, y nginx solicitará los recursos estáticos correspondientes. recursos en el archivo dist de acuerdo con las reglas de coincidencia de localhost/ El índice del archivo estático correspondiente no se encuentra en la carpeta, por lo que se informará un error 404.
Esta es a grandes rasgos la situación, si tiene alguna pregunta, deje un mensaje para comunicarse.