Pular para conteúdo

Projeto 10 - Consumo de API REST 🌐

🎯 Objetivo

Integrar o frontend com um serviço externo de dados utilizando o Axios.

🛠️ Requisitos

  • Instalação do axios.
  • Chamadas assíncronas com async/await.

🏗️ Tarefas

  1. Instalação: Instale o axios e crie uma instância de API apontando para https://jsonplaceholder.typicode.com.
  2. Lista de Usuários: No onMounted de um componente, busque a lista de usuários (/users).
  3. Renderização: Mostre o nome e o e-mail de cada usuário em uma lista.
  4. Loading: Exiba um texto "Carregando..." enquanto os dados não chegam e trate possíveis erros com try/catch.

🧪 Verificação

Ao entrar na página, você deve visualizar a lista real de usuários vinda da API externa.