fondo
La interfaz de llamada del proyecto Vue proviene de Alibaba Cloud, y el sitio web H5 también debe implementarse en Alibaba Cloud. Dos servidores diferentes requieren implementación de nginx y proxy API.
1.Configuración del puerto
El primer paso es, por supuesto, comprar un servidor Alibaba Cloud, aquí está la configuración del sistema Linux, configurar el nombre de dominio al que se accederá y luego:
Configure los puertos necesarios para el sitio web de la siguiente manera:
Después de la configuración, el terminal especifica el número de puerto correspondiente para abrir; consulte:
firewall-cmd --zone=public --add-port=8083/tcp --permanent
2.instalación y configuración del servidor nginx
Después de descargar el código fuente de nginx y compilarlo, configure la información del sitio en /usr/local/nginx/nginx.conf
Sitio configurado y proxy API en nginx
Coloque el directorio del sitio web:
Está listo para funcionar.
Ya sea que se trate de un sitio web de nombre de dominio que accede al back-end del formato de nombre de dominio, se puede procesar y ejecutar felizmente a través de nginx.
3. Subsitio web vinculado al nombre de dominio
Ruta de acceso: http://xx.xx.com/cloudh5
Empaquetado de Hbuilder: configuración básica de la ruta de ejecución de h5: /cloudh5
Copie todos los archivos en el directorio h5 empaquetado a html/cloudh5 en nginx
configuración de nginx:
ubicación /cloudh5 { raíz /usr/local/nginx/html; índice index.html index.htm; }
}
El proxy de la interfaz API sigue siendo el mismo, no es necesario cambiarlo, la configuración básica de la ruta de ejecución según ./ es la misma.