Entrar Ainda não tem acesso?
1
resposta

Problema com CORS oq é?

Referente ao curso JavaScript: construindo páginas dinâmicas, no capítulo Inserindo feedbacks visuais e atividade Lista vazia

por Thatyane do Karmo Bernardes
| 22k xp | 2 posts

https://github.com/Thatykb/alura-js

O codigo não está salvando o item ao clicar no botão "Salvar item" , e no console aparece a seguinte mensagem : Access to script at 'file:///C:/Users/User/OneDrive/%C3%81rea%20de%20Trabalho/PROJETOS%20WEB/alura%20javascript%20projeto/js/scripts.js' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: chrome, chrome-extension, chrome-untrusted, data, http, https, isolated-app.

1 resposta
por Leonan Moreira Martins
| 30.1k xp | 17 posts
Desenvolvedor Full-Stack

O erro que você está encontrando está relacionado à política de CORS (Cross-Origin Resource Sharing). Isso acontece porque você está tentando acessar um arquivo local (com o protocolo file://) em um contexto onde não é permitido. Aqui estão algumas soluções que você pode tentar:

  • Executar um servidor local: Em vez de abrir o arquivo HTML diretamente no navegador, você pode usar um servidor local. Uma forma simples de fazer isso é usando o Live Server, uma extensão para o Visual Studio Code. Isso permitirá que você acesse seu projeto com um protocolo HTTP, que não terá problemas de CORS.
  • Verificar as permissões do navegador: Alguns navegadores, como o Chrome, bloqueiam requisições de arquivos locais. Se você quiser desativar essa proteção temporariamente, pode iniciar o Chrome com a opção --disable-web-security, mas isso não é recomendado para uso geral, apenas para testes locais. chrome.exe --disable-web-security --user-data-dir="C:/ChromeDev"
  • Usar um ambiente de desenvolvimento: Se você estiver trabalhando em um projeto mais complexo, considere usar um framework ou ferramenta de desenvolvimento que já configure um servidor local para você, como o Webpack, Parcel, ou frameworks como React ou Vue.js.
  • Verificar o código JavaScript: Certifique-se de que seu código JavaScript que está lidando com a ação de "Salvar item" está correto. Pode haver um problema na forma como os dados estão sendo manipulados ou enviados.

Se precisar de ajuda com o código específico que está causando problemas, fique à vontade para compartilhar!