You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: 5-network/05-fetch-crossorigin/article.md
+12-12Lines changed: 12 additions & 12 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -133,20 +133,20 @@ Vayamos ahora a los detalles.
133
133
134
134
Si una solicitud es de origen cruzado, el navegador siempre le agregará una cabecera `Origin`.
135
135
136
-
Por ejemplo, si realizamos una solicitud de `https://anywhere.com/request` a `https://es.javascript.info/page`, las cabeceras podrían ser algo así:
136
+
Por ejemplo, si realizamos una solicitud de `https://anywhere.com/request` a `https://javascript.info/page`, las cabeceras podrían ser algo así:
137
137
138
138
```http
139
139
GET /request
140
140
Host: anywhere.com
141
141
*!*
142
-
Origin: https://es.javascript.info
142
+
Origin: https://javascript.info
143
143
*/!*
144
144
...
145
145
```
146
146
147
147
Tal como se puede ver, la cabecera `Origin` contiene exactamente el origen (protocolo/dominio/puerto), sin el path.
148
148
149
-
El servidor puede inspeccionar el origen `Origin` y, si esta de acuerdo en aceptar ese tipo de solicitudes, agrega una cabecera especial `Access-Control-Allow-Origin` a la respuesta. Esta cabecera debe contener el origen permitido (en nuestro caso `https://es.javascript.info`), o un asterisco `*`. En ese caso la respuesta es satisfactoria, de otro modo falla.
149
+
El servidor puede inspeccionar el origen `Origin` y, si esta de acuerdo en aceptar ese tipo de solicitudes, agrega una cabecera especial `Access-Control-Allow-Origin` a la respuesta. Esta cabecera debe contener el origen permitido (en nuestro caso `https://javascript.info`), o un asterisco `*`. En ese caso la respuesta es satisfactoria, de otro modo falla.
150
150
151
151
El navegador cumple el papel de mediador de confianza:
152
152
1. Ante una solicitud de origen cruzado, se asegura de que se envíe el origen correcto.
@@ -159,7 +159,7 @@ Aquí tenemos un ejemplo de una respuesta permisiva desde el servidor:
@@ -214,7 +214,7 @@ Una solicitud de "pre-vuelo" utiliza el método `OPTIONS`, sin contenido en el c
214
214
215
215
Si el servidor está de acuerdo con lo solicitado, entonces responderá con el código de estado 200 y un cuerpo vacío:
216
216
217
-
-`Access-Control-Allow-Origin` debe ser `*` o el origen de la solicitud, tal como `https://es.javascript.info`, para permitir el acceso.
217
+
-`Access-Control-Allow-Origin` debe ser `*` o el origen de la solicitud, tal como `https://javascript.info`, para permitir el acceso.
218
218
-`Access-Control-Allow-Methods` contiene el método permitido.
219
219
-`Access-Control-Allow-Headers` contiene un listado de las cabeceras permitidas.
220
220
- Además, la cabecera `Access-Control-Max-Age` puede especificar el número máximo de segundos que puede recordar los permisos. Por lo que el navegador no necesita volver a requerirlos en las próximas solicitudes.
@@ -245,7 +245,7 @@ Antes de enviar una solicitud de este tipo, el navegador, por si mismo, envía u
0 commit comments