Bom dia professor!
Preciso fazer uma página de autenticação para o meu projeto em Vue, porém não achei nenhum tutorial na internet para isso. A API em Node já está toda pronta, mas estou preso nesta questão do front, pode me ajudar? Desde a estrutura até o login funcionando?
Para ser mais específico, como devo configurar minha rota? A página de login eu crio dentro da pasta dos components? Após definida a estrutura, como envio os dados do login para a API validar?
Oi Fabiano! Você pode se espelhar no curso de MEAN daqui da própria Alura. Apesar de usar Angular, o conceito pode ser aplicado com Vue, pois ele possui interceptadores. Acho que um vídeo vale mais do que 1000 palavras :)
Primeiro, dá uma olhada na parte 2 do curso de Vue que fala do interceptador no http. Este aqui:
https://cursos.alura.com.br/course/vue-parte2/task/25540
Depois, assista se atendo aos conceitos este capítulo do curso de MEAN
https://cursos.alura.com.br/course/mean-javascript/task/13788
Não há uma forma consolidada e padronizada para isso, por isso você teve dificuldade em encontrar uma solução.
Bom, esses passos é sobre a autenticação. Agora, sobre detalhes da API, isso é com você, porque essa API pode ser implementada nas mais diversas linguagens, padrões de integração, etc.
Vai lá, não perde tempo. Tenho certeza que isso clareará bastante as ideias.
Sucesso e bom estudo meu aluno!