Navegador multidominio y sus soluciones
título: Navegador multidominio y sus soluciones
autor: mayo
fecha: 20220428lt;/pregt
¿Qué es Cross? -El rendimiento del dominio resuelve problemas entre dominios - Configuración del navegador (no recomendado) - Solución de interfaz de usuario poco ortodoxa - CORS (intercambio de recursos entre dominios) - Configure el proxy inverso de nginx
Cross El dominio está restringido por el navegador La política del mismo origen significa que el protocolo, el nombre de dominio y el puerto son todos iguales. La política del mismo origen (Sameoriginpolicy) es una convención. Es la función de seguridad principal y más básica del navegador. falta la política del mismo origen, la funcionalidad normal del navegador puede verse afectada.
Al llamar a la página, los datos de la interfaz no se devuelven y habrá un mensaje de error rojo en la consola con palabras clave similares a la política CORS. Además, en la última versión de Google Chrome, se propondrán palabras clave como cargadas a través de HTTPS, que pueden considerarse causas entre dominios.
[Error en la carga de la imagen...(image-26deed-1651135597111)]
consejos: a veces los socios backend usan postman para probar la interfaz, pero el front-end no se puede usar. ¿Por qué? Es solo que Postman no es un navegador y no habrá restricciones del mismo origen. Del mismo modo, el desarrollo de aplicaciones para dispositivos móviles y el desarrollo de programas pequeños no tendrán este problema. Esto no es un error de front-end y la misma restricción de origen no es una mala regla.
Aunque el dominio cruzado no es algo malo, es necesario resolverlo para el desarrollo web donde el front-end y el back-end están separados. Las soluciones generales se pueden dividir en:
. Directamente desde la causa raíz. Solucione el problema para que la política de seguridad del navegador no funcione. Aunque este método puede resolver el problema, no es realista.
La solución ortodoxa oficial, la especificación CORS, permite que el servidor devuelva algunos encabezados HTTP al navegador, y el navegador puede decidir si rompe las restricciones SOP basadas en estos encabezados HTTP. Requiere cooperación de back-end, lo que necesita el navegador y lo que proporciona el servicio de interfaz.
nginx es un servidor web HTTP y proxy inverso de alto rendimiento. El principio utilizado por nginx para resolver problemas entre dominios es coherente con la idea de proxy en la solución poco ortodoxa de front-end. La interfaz de solicitud del proyecto es emitida por el servicio nginx y los datos obtenidos se pasan al proyecto de front-end a través de nginx. De esta manera, nginx realmente procesa las solicitudes de front-end y no se produce ningún dominio cruzado.