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
+6-6Lines changed: 6 additions & 6 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -2,7 +2,7 @@
2
2
3
3
Si enviamos una petición `fetch` hacia otro sitio seguramente fallará.
4
4
5
-
Pro ejemplo, probemos realizar una petición a `http://example.com`:
5
+
Por ejemplo, probemos realizar una petición a `http://example.com`:
6
6
7
7
```js run async
8
8
try {
@@ -22,7 +22,7 @@ Esta política es denominada "CORS", por sus siglas en inglés Cross-Origin Reso
22
22
23
23
## ¿Por que CORS es necesario?, Una breve historia
24
24
25
-
CORS existe para proteger Internet de los malvados hackers.
25
+
CORS existe para proteger Internet de los hackers malvados.
26
26
27
27
En verdad... Déjame contarte un breve resumen de esta historia.
28
28
@@ -60,7 +60,7 @@ Para ser precisos, en realidad había trucos para eso, requerían scripts especi
60
60
61
61
Otro truco es en el modo de utilizar la etiqueta `script`. Un script puede tener cualquier origen `src`, con cualquier dominio, tal como `<script src="http://another.com/…">`. De este modo es posible ejecutar un script de cualquier sitio web.
62
62
63
-
Si un sitio, por ejemplo, `another.com` requiere exponer datos con este tipo de acceso, el protocolo entonces llamado "JSONP (JSON con padding)" era utilizado.
63
+
Si un sitio, por ejemplo, `another.com` requiere exponer datos con este tipo de acceso, se utilizaba el protocolo llamado en ese entonces "JSONP (JSON con padding)" .
64
64
65
65
Veamos como se utilizaba.
66
66
@@ -280,7 +280,7 @@ Access-Control-Max-Age: 86400
280
280
281
281
Ahora el navegador puede ver que `PATCH` se encuentra dentro de la cabecera `Access-Control-Allow-Methods` y `Content-Type,API-Key` dentro de la lista `Access-Control-Allow-Headers`, por lo que permitirá enviar la solicitud principal.
282
282
283
-
Si se encuentra con una cabecera `Access-Control-Max-Age` con determinada cantidad de segundos, entonces los permisos son almacenados en el caché por ese determinado tiempo. La solicitud anterior será cacheada por 86400segundos (un día). Durante ese marco de tiempo, las solicitudes siguientes no requerirán la de pre-vuelo. Asumiendo que estén dentro de lo permitido en la respuesta cacheada, serán enviadas de forma directa.
283
+
Si se encuentra con una cabecera `Access-Control-Max-Age` con determinada cantidad de segundos, entonces los permisos son almacenados en el caché por ese determinado tiempo. La solicitud anterior será cacheada por 86400segundos (un día). Durante ese marco de tiempo, las solicitudes siguientes no requerirán la solicitud de pre-vuelo. Asumiendo que estén dentro de lo permitido en la respuesta cacheada, serán enviadas de forma directa.
284
284
285
285
### Paso 3 (solicitud real)
286
286
@@ -375,7 +375,7 @@ Por lo tanto, en la práctica, la diferencia se encuentra en que las solicitudes
375
375
376
376
Adicionalmente, para garantizar a JavaScript acceso a cualquier cabecera de la respuesta, con excepción de `Cache-Control`, `Content-Language`, `Content-Type`, `Expires`, `Last-Modified` o `Pragma`, el servidor debe agregarlas como permitidas en la lista de la cabecera `Access-Control-Expose-Headers`.
377
377
378
-
**Para solicitudes no simples, una solicitud preliminar de "pre-vuelo"es utilizada antes de la solicitud principal:**
378
+
**Para solicitudes no simples, se utiliza una solicitud preliminar "pre-vuelo" antes de la solicitud principal:**
379
379
380
380
- → El navegador envía una solicitud del tipo `OPTIONS` a la misma URL, con las cabeceras:
381
381
-`Access-Control-Request-Method` con el método de la solicitud.
@@ -384,4 +384,4 @@ Adicionalmente, para garantizar a JavaScript acceso a cualquier cabecera de la r
384
384
-`Access-Control-Allow-Methods` con la lista de todos los métodos permitidos,
385
385
-`Access-Control-Allow-Headers` con una lista de cabeceras permitidas,
386
386
-`Access-Control-Max-Age` con los segundos en los que se podrá almacenar la autorización en caché.
387
-
- Tras lo cual la solicitud es enviada, y el esquema previo utilizado para las solicitudes "simples" es aplicado.
387
+
- Tras lo cual la solicitud es enviada, y se aplica el esquema previo utilizado para las solicitudes "simples".
0 commit comments