Como resolver Origin is not allowed by Access-Control-Allow-Origin

Neste artigo você vai aprender a como resolver Origin is not allowed by Access, um clássico problema que ocorre na comunicação entre aplicações

Fala programador(a), beleza? Bora aprender mais sobre CORS!

O erro de Origin is not allowed by Access-Control-Allow-Origin acontece por um motivo de segurança

Normalmente este tipo de requisição vem bloqueada nos servidores

Formação Recomendada

Formação Vibe Coding

Do Prompt ao Produto: Crie Software Real com IA

• 474 aulas
• 20 projetos
• 39h 27min

Conhecer formação

Mas já que nós mesmos que estamos fazendo, podemos destravar isso

Há algumas abordagens, pois o problema pode estar tanto no front-end como no back-end da aplicação

Uma possível causa é o cabeçalho da requisição, tente adicionar esta configuração aos headers:

Access-Control-Allow-Origin: *

Onde a instrução vai depende do que você está utilizando para a conexão com o back-end

Acesse a documentação da sua biblioteca, por exemplo jQuery ou Axios, e verifique onde pode inserir esta informação

Se isso não resolver, você pode habilitar isso diretamente no back-end também

Caso esteja utilizando o Apache para servir a aplicação, adicione a instrução:

<ifModule mod_headers.c>
    Header set Access-Control-Allow-Origin: *
</ifModule>

Novamente isso pode variar um pouco de linguagem de programação, o exemplo acima serve para PHP com Apache

Se o problema estiver nesta ponta da sua aplicação, verifique na documentação da linguagem ou framework, como inserir esta configuração

Ela é padrão para todo o tipo de aplicação, então basta você saber aonde adicionar

Para ilustrar, segue um exemplo de como resolver em Ruby on Rails:

headers['Access-Control-Allow-Origin'] = '*'

Veja como todas as abordagens seguem a mesma ideia, apenas o local a adicionar a informação que muda

Quer aprender mais sobre JavaScript? Confira o vídeo abaixo:

Conclusão

No artigo de hoje você aprendeu a como resolver Origin is not allowed by Access, o famoso CORS

Como observado a utilização pode variar, porém a lógica é a mesma para qualquer situação

Precisamos configurar a aplicação para receber tal tipo de requisição

Deseja programar de forma profissional? Confira o nosso treinamento completo clicando aqui.

Uma plataforma de cursos com projetos completos, comunidade de alunos e muito mais!

Há também o nosso canal no YouTube, com muito conteúdo gratuito de qualidade!