Oi, Diogo! Como vai?
Vendo o erro que apareceu, o status 304 Not Modified indica apenas que o navegador está usando cache do recurso /livros.
Sua API está respondendo, mas o Angular pode não estar exibindo os dados porque a requisição está sendo servida do cache.
Resolva fazendo o seguinte:
- Confirme a URL do serviço
Ela deve ser exatamente a mesma que funciona no navegador.
// livros.service.ts
@Injectable({ providedIn: 'root' })
export class LivrosService {
private readonly baseUrl = 'http://localhost:3000/livros';
constructor(private http: HttpClient) {}
getLivros() {
return this.http.get<any[]>(this.baseUrl);
}
}
- Verifique se o dado está chegando no componente
// lista-livros.component.ts
ngOnInit(): void {
this.service.getLivros().subscribe((dados) => {
console.log(dados);
this.livros = dados;
});
}
- Desative o cache no navegador
- Abra DevTools → Network → marque Disable cache
- Atualize com Cmd + Shift + R
- Ignore os erros de extensões
O alerta sobre adsbygoogle.js e FILE_ERROR_NO_SPACE vem de extensões do navegador, não do seu código.
Se quiser ajuda mais precisa, envie seu repositório no GitHub para analisarmos.
Espero ter ajudado. Conte com o apoio do Fórum na sua jornada. Fico à disposição.
Abraços e bons estudos!
Caso este post tenha lhe ajudado, por favor, marcar como solucionado