Wat is Same-origin policy?

Een regel in de browser die verhindert dat scripts op een pagina die van één origin is geladen de inhoud van resources van een andere origin lezen. Een origin is de combinatie van schema, hostnaam en poortnummer, en twee URL's hebben alleen dezelfde origin als alle drie overeenkomen. De regel voorkomt dat het script van een kwaadwillende pagina gegevens leest van andere sites waarop de gebruiker is ingelogd. Insluiten, zoals het laden van afbeeldingen of scripts, is toegestaan; als een pagina antwoorden van een andere origin moet lezen, wordt CORS gebruikt, dat op toestemming van de server berust.

Japanse benaming: 同一オリジンポリシー

“Same-origin policy” komt voor in 2 oefenvragen uit 1 onderwerpen, bijv. Basis van webtechnologie.

Vakgebied: Basis van webtechnologie

Nu oefenen: vragen over Same-origin policy

Welke URL wordt volgens de same-origin policy van de browser beschouwd als URL met dezelfde origin als https://www.example.com/app/index.html?

  1. Ahttps://www.example.com/data/list.json
  2. Bhttp://www.example.com/app/data.json
  3. Chttps://api.example.com/app/data.json
Antwoord en toelichting tonen

Antwoord: A. https://www.example.com/data/list.json

Een origin wordt bepaald door de combinatie van drie dingen: het schema, de hostnaam en het poortnummer, en twee URL's hebben alleen dezelfde origin als alle drie overeenkomen. Het pad doet er niet toe, dus /data/list.json heeft dezelfde origin. Door de same-origin policy kan de JavaScript van een pagina de inhoud van antwoorden van andere origins in principe niet lezen. Dit voorkomt dat het script van een kwaadwillende pagina gegevens leest van andere sites waarop de gebruiker is ingelogd.

“Same-origin policy” in de toelichting

Vragen met “Same-origin policy” (2)

  1. Welke URL wordt volgens de same-origin policy van de browser beschouwd als URL met dezelfde origin als https://www.example.com/app/index.html?
  2. JavaScript op een pagina van https://app.example.com gebruikt fetch om een POST-verzoek met een body van Content-Type: application/json naar https://api.example.net/orders te sturen. Welke beschrijving van het gedrag van CORS in dit geval is juist?

Verwante termen

Poortnummer CORS (cross-origin resource sharing) Cookie (HTTP-cookie) DOM (Document Object Model) Event loop HTTP (Hypertext Transfer Protocol) HTTP-methode HTTP-statuscode JSON (JavaScript Object Notation) JWT (JSON Web Token)

Naar de woordenlijst