Digite para filtrar os verbetes do Glossário.

    Desenvolvimento web · Vibe Coding: Do Zero ao MVP

    CORS

    CORS é o mecanismo de HTTP que permite ao servidor indicar quais origens podem ler as respostas por meio do navegador.

    Também chamado de: Cross-Origin Resource Sharing, compartilhamento de recursos entre origens

    Definição

    CORS é a sigla de Cross-Origin Resource Sharing. É o mecanismo de HTTP que permite ao servidor indicar quais origens podem ler as respostas por meio do navegador. Sem a autorização explícita, o navegador recusa a leitura quando a página e a API vivem em origens diferentes.

    Página e API em origens diferentesO frontend consulta uma API em outra origem, e a resposta autoriza ou nega a leitura.FrontendAPIBackendDados
    O frontend consulta uma API em outra origem, e a resposta autoriza ou nega a leitura.

    Como a resposta autoriza

    O servidor sinaliza as origens permitidas no header Access-Control-Allow-Origin. Para operações que enviam corpo ou cabeçalhos próprios, o navegador pode fazer uma verificação preliminar antes da requisição principal.

    Resposta que autoriza uma origemhttp
    HTTP/1.1 200 OK
    Access-Control-Allow-Origin: https://app.exemplo.com
    Access-Control-Allow-Methods: GET, POST, OPTIONS
    Content-Type: application/json

    O que o CORS não resolve

    CORS não substitui autenticação. Ele apenas define quais origens o navegador deixa ler a resposta, e clientes fora do navegador ignoram essa regra ao chamar a API diretamente. Proteger o serviço continua sendo trabalho de autenticação, autorização e controle de acesso.

    Como conferir uma autorização de CORS

    A falha mais comum aparece no console do navegador como um erro de política que menciona CORS e a origem recusada. Quando isso acontece, abra a aba Network e confira os headers da resposta: sem Access-Control-Allow-Origin, ou com a origem errada na lista, o navegador recusa a leitura mesmo que a chamada tenha chegado ao servidor. Para conferir se o erro é do mecanismo ou da configuração, compare o header enviado com a origem que aparece na mensagem. A origem da página precisa estar exatamente como o navegador a calcula, incluindo esquema e porta.

    Veja o que define uma origem

    Dúvidas frequentes

    Perguntas frequentes sobre CORS

    CORS substitui autenticação?
    Não. CORS define quais origens o navegador deixa ler a resposta, e a autenticação continua reconhecendo a aplicação que faz a chamada.
    CORS impede qualquer cliente de acessar a API?
    Não. A regra é aplicada pelo navegador. Clientes fora do navegador podem chamar a API diretamente e dependem de autenticação e controle próprios.
    O que o servidor precisa enviar?
    Uma resposta com o header Access-Control-Allow-Origin listando a origem permitida, além dos métodos e cabeçalhos autorizados quando a operação exigir.

    Para continuar

    Recursos relacionados

    Aplicação na formação

    Vibe Coding: Do Zero ao MVP

    Na Formação Vibe Coding, o CORS aparece quando o frontend consulta uma API hospedada em outra origem.

    Conhecer a formação
    Capa da Formação Vibe Coding do Zero ao MVP

    Fontes consultadas

    Referências deste verbete

    Este verbete ajudou você?

    Planos Promovaweb

    Tire seus projetos do papel

    O Plano Martech cobre automação e atendimento. O Plano IA Makers acrescenta desenvolvimento com IA, enquanto o Plano Founders trata de gestão de negócios. Todos são anuais.

    Plano Martech

    Para conectar automação, marketing e atendimento com infraestrutura própria.

    R$ 897

    R$ 597/ano

    • Grade de automação, atendimento, marketing e análise de indicadores
    • Instalador Exclusivo Promovaweb
    • n8n, Evolution API, Chatwoot e Mautic
    • Trilha DevOps incluída
    • Encontros ao vivo (terça e quinta)
    • Comunidade e acompanhamento
    Conhecer o plano

    Plano Founders

    Plano anual para fazer um projeto de tecnologia avançar, com 90 dias de mentoria intensiva.

    R$ 2.997/ano

    • 12 meses de acesso ao Founders
    • 90 dias de mentoria intensiva (segunda a sexta)
    • War Rooms às segundas, quartas e sextas
    • Encontro semanal em grupo após a fase intensiva
    • Formação Vibe Coding incluída no plano anual
    • Consultoria individual de até duas horas (bônus)
    Conhecer o plano