XMLHttpRequest cannot load

Olá Pedro,

Isso ocorre por que os navegadores tem uma proteção nativa ,por que questões de segurança, para não permitir requisições para outros arquivos que não estão no mesmo domínio.

Para burlar isso, você tem que abrir o seu navegador com alguma flag para desabilitar essas proteções, por exemplo no Google Chrome, você abre um terminal e usa o comando:

chrome.exe --allow-file-access-from-files

Assim você remove essa proteção nessa nova instancia do chrome.

Espero que te ajude :)

Olá Pedro,

Por padrão, nenhum navegador pode acessar outro domínio e porta diferente do domínio e porta original. Se isso fosse possível sem restrição, o mundo acabaria e um JS malicioso poderia enviar dados de cartão de crédito para outro site. Isso já existe há anos e foi feito assim mesmo.

Para que isso seja possível, você deve habilitar CORS em seu backend escolhido. A dica é você estudar sobre essa sigla e ver como implementar em seu servidor.

Segue um link para você se iterar sobre o assunto. No final, essa nem é uma questão do Angular, mas de backend mesmo.

Sucesso e bom estudo!

https://pt.wikipedia.org/wiki/Cross-origin_resource_sharing

E se quiser saber mais porque o padrão é só aceita a mesma origem:

https://pt.wikipedia.org/wiki/Pol%C3%ADtica_de_mesma_origem

Obrigado pela ajuda, galera! Mais tarde realizarei os teste. Abraços

Se o problema já foi resolvido, marque a resposta por favor, caso contrário avise para que possamos te ajudar.