Friki Work

La política de mismo origen es un mecanismo de seguridad implementado por los navegadores que impide que scripts de diferentes orígenes lean o modifiquen recursos de otros dominios sin autorización explícita. Por ejemplo, un script ubicado en a.com no puede utilizar ajax para obtener datos de b.com debido a esta restricción. Se considera que do ...

La Política de Mismo Origen (SOP, por sus siglas en inglés) es un mecanismo de seguridad fundamental implementado por los navegadores para restringir la interacción entre documentos o scripts cargados desde diferentes orígenes. Se considera un origen idéntico cuando el protocolo, el dominio y el puerto coinciden exactamente. Por ejemplo, si int ...

Los problemas de dominio cruzado surgen debido a la política del mismo origen (same-origin policy) de los navegadores. Se considera que dos páginas tienen el mismo origen cuando compartan el mismo protocolo, host y puerto. Esta es una de las características fundamentales y más importantes de los navegadores, ya que garantiza la seguridad. Sin e ...

En el desarrollo de aplicaciones modernas, es una necesidad común permitir a los usuarios "saltar" directamente a sistemas o plataformas de terceros desde nuestra propia aplicación, utilizando credenciales que ya gestionamos o conocemos. Esta funcionalidad, aunque a veces se asemeja a un Single Sign-On (SSO) rudimentario, difiere en q ...

Introducción al Manejo de CORS El mecanismo de Compartición de Recursos de Origen Cruzado (CORS) en aplicaciones web modernas permite solicitudes seguras entre dominios distintos. Spring Boot integra este soporte mediante configuración automática, simplificando la implementación de políticas CORS. Enterfaces y Claves Fundamentales Dos interface ...

Configuración de un servidor Express con Node.js Express es un marco de desarrollo minimalista basado en Node.js. A continuación, se muestra un ejemplo de cómo configurar un servidor básico. const express = require('express'); const servidor = express(); servidor.get('/api', (req, res) => { res.setHeader('Access-Control-Allow-Origin', ' ...

1. Configuración de CORS en el backend La política de mismo origen restringe la interacción entre scripts de JavaScript de un dominio y recursos de otro dominio distinto. Dos páginas se consideran del mismo origen si comparten el mismo protcoolo, host y númeero de puerto. import org.springframework.context.annotation.Bean; import org.springfram ...

Configuración de Nginx como proxy inverso Se puede utilizar Nginx para agregar los encabezados necesarios de CORS antes de enviar la solicitud al servidor backend. A continuación, se muestra un ejemplo de configuración simplificada en el bloque server de nginx.conf: location /api/ { if ($request_method = 'OPTIONS') { add_header 'Ac ...

Conceptos Básicos: ¿Por qué necesitamos Fetch? La API Fetch es una herramienta moderna para solicitudes de red proporcionada por el navegador, diseñada para reempalzar el Ajax tradicional (XMLHttpRequest). Sus características principales son: Basada en Promesas → Código más limpio y legible (elimina los callbacks anidados). Soporte para Stream ...

Problemas de crossorigin en Web Workers y su resolución con worker-loader Los Web Workers permiten ejecutar scripts en hilos separados, pero la carga de recursos desde dominios diferentes puede fallar por políticas de seguridad del navegador. La configuración de publicPath en worker-loader controla la ruta de carga de los scripts, solucionando ...