Cómo lograr la separación del front-end en nginx vue.js
1.nginx es un servidor proxy inverso y HTTP de alto rendimiento, que se utiliza a menudo para la gestión de servidores distribuidos.
Por lo general, se usa para equilibrar la carga (llamando a varios servidores para lograr este objetivo).
Los recursos estáticos se generan más rápido y se pueden generar después de la compresión gzip (es por eso que este artículo usa it) Razones importantes para el acceso a recursos estáticos).
Adecuado para resolver problemas entre dominios y proxy inverso (porque nadie quiere ver que se accede a otros nombres de dominio bajo este nombre de dominio. El dominio cruzado dará lugar a ataques CSRF. Esta es la segunda vez que este artículo lo usa. Reason)
Ocupa menos memoria, se inicia cada segundo y puede cambiar rápidamente de nodo para evitar el tiempo de inactividad.
2.es6 es la sexta versión de ECMAScript. Si desea aprender bien los marcos js como vue.js, debe aprender el idioma. La dirección de aprendizaje recomendada es la siguiente: vuejs.org/v2/guide/forms.html).
Los siguientes cuatro puntos se refieren a la API del sitio web oficial y no se volverán a presentar.
4. ¿Cómo lograr una respuesta profunda (después de completar la primera página, cómo modificarla si cambia)?
5. Personalice la aplicación del componente y utilice Render para crear la estructura HTML.
6. Uso del enrutamiento
7. Modificadores comunes
6. Ejemplos prácticos
1.nginx configuración de recursos estáticos
Servidor{
Escuchar 4000;
Nombre del servidor www.test.com;
Conjunto de caracteres utf-8;
index/static/index.html; //Configurar la página de inicio
//Aquí puede utilizar expresiones regulares para interceptar solicitudes de datos dinámicos para resolver problemas entre dominios.
ubicación = /sellingJson.html {
proxy_pass:4000/sellingJSON.html')
. Luego (función (datos) {
//Defina un objeto vue para facilitar la representación de la plantilla.
v =Object.assign(v, new Vue({
al: '.char_contain', //nombre del evento de enlace
datos: {
carplandlist: data.data.carplandlist, //flujo de datos
}
}));
})
. catch(function(error){
console . log(err);
});
}); lo anterior es lo que he compilado para usted. Espero que sea útil para todos en el futuro.
Artículos relacionados:
Cómo lograr el efecto de desplazamiento intermitente de palabras a través de JS
Explicar referencias en React en detalle (tutorial detallado).
Utilice tween.js para implementar un algoritmo de animación de interpolación en cámara lenta.