Skip to content

Commit 3114ca5

Browse files
MaskeZenvplentinax
andauthored
Update Cross-Origin Request #427
Se agregan sugerencias de vplentinax. Co-authored-by: Valentina VP <34555644+vplentinax@users.noreply.github.com>
1 parent a12276f commit 3114ca5

2 files changed

Lines changed: 7 additions & 7 deletions

File tree

5-network/05-fetch-crossorigin/1-do-we-need-origin/task.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -24,5 +24,5 @@ Tal como se puede ver, tanto `Referer` como `Origin` están presentes.
2424

2525
Las preguntas:
2626

27-
1. ¿Por que la cabecera `Origin` es necesaria, si `Referer` contiene incluso más información?
27+
1. ¿Por qué la cabecera `Origin` es necesaria, si `Referer` contiene incluso más información?
2828
2. ¿Es posible que no se incluya `Referer` u `Origin`, o que contengan datos incorrectos?

5-network/05-fetch-crossorigin/article.md

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22

33
Si enviamos una petición `fetch` hacia otro sitio seguramente fallará.
44

5-
Pro ejemplo, probemos realizar una petición a `http://example.com`:
5+
Por ejemplo, probemos realizar una petición a `http://example.com`:
66

77
```js run async
88
try {
@@ -22,7 +22,7 @@ Esta política es denominada "CORS", por sus siglas en inglés Cross-Origin Reso
2222

2323
## ¿Por que CORS es necesario?, Una breve historia
2424

25-
CORS existe para proteger Internet de los malvados hackers.
25+
CORS existe para proteger Internet de los hackers malvados.
2626

2727
En verdad... Déjame contarte un breve resumen de esta historia.
2828

@@ -60,7 +60,7 @@ Para ser precisos, en realidad había trucos para eso, requerían scripts especi
6060

6161
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.
6262

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)" .
6464

6565
Veamos como se utilizaba.
6666

@@ -280,7 +280,7 @@ Access-Control-Max-Age: 86400
280280

281281
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.
282282

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 86400 segundos (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 86400 segundos (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.
284284

285285
### Paso 3 (solicitud real)
286286

@@ -375,7 +375,7 @@ Por lo tanto, en la práctica, la diferencia se encuentra en que las solicitudes
375375

376376
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`.
377377

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:**
379379

380380
- → El navegador envía una solicitud del tipo `OPTIONS` a la misma URL, con las cabeceras:
381381
- `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
384384
- `Access-Control-Allow-Methods` con la lista de todos los métodos permitidos,
385385
- `Access-Control-Allow-Headers` con una lista de cabeceras permitidas,
386386
- `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

Comments
 (0)