Origem web

Definição

Uma origem web é a combinação de esquema, host e porta usada no modelo de segurança do navegador. Esse trio identifica de onde vem uma página ou uma requisição, e o navegador usa a origem para aplicar regras de cookies e de acesso a respostas.

Os componentes da origem

O esquema informa o mecanismo de acesso, como https ou http. O host indica o domínio ou endereço, e a porta, quando explícita, identifica o serviço no host. O caminho fica de fora: trocar de página dentro do mesmo esquema, host e porta não muda a origem.

https://exemplo.com/pagina      -> origem https://exemplo.com
https://exemplo.com/outra-pagina -> mesma origem
https://app.exemplo.com/pagina   -> origem diferente (subdomínio)
http://exemplo.com/pagina        -> origem diferente (esquema)
https://exemplo.com:8080/pagina  -> origem diferente (porta)

Por que a origem importa

Cookies, CORS e o isolamento entre páginas dependem da origem. Quando o navegador precisa decidir se uma resposta pode ser lida por outra página, ele compara as origens envolvidas, e não apenas o domínio.

Como conferir uma origem

A falha mais comum é tratar subdomínio e porta como parte do mesmo domínio, e então estranhar que um cookie não seja enviado ou que uma resposta não possa ser lida. Para conferir, compare o esquema, o host e a porta de cada URL, e no console do navegador acesse location.origin na página aberta. O valor devolvido é a origem real, já calculada com esquema e porta explícita, e basta compará-lo com a origem da API para saber se a troca é da mesma origem ou entre origens.

Aplicação na formação

Vibe Coding: Do Zero ao MVP

Na Formação Vibe Coding, a origem orienta o navegador ao decidir qual página pode ler uma resposta.

Conhecer a formação →