Erro 404 NOT_FOUND ao atualizar rotas em projetos Vue na Vercel: como resolve
Se você criou um site com Vue.js usando o Vue Router e hospedou na Vercel, provavelmente já se deparou com esse erro ao atualizar a página ou acessar diretamente uma rota como /sobre ou /contato/…: Esse erro ocorre porque a Vercel, por padrão, tenta acessar o caminho literal no sistema de arquivos. Como seu projeto é uma SPA (Single Page Application), as rotas devem ser redirecionadas para o index.html, e o Vue Router cuida do restante. ✅ Como resolver o erro 404 NOT_FOUND no Vue com Vercel 1. Crie um ficheiro vercel.json na raiz do projeto: ✅ Resultado
Seu Site Online em 5 Minutos com Github e Vercel
Veja como fazer isso passo a passo, de forma gratuita e sem complicação. 🕐 Minuto 1 – Crie sua conta no Github Acesse github.com, clique em Sign up, crie sua conta e confirme por e-mail. 🕑 Minuto 2 – Crie sua conta na Vercel Acesse vercel.com, clique em Sign up e entre com sua conta do Github. 🕒 Minuto 3 – Faça o fork do projeto Abra o repositório de exemplo e clique em Fork para criar sua própria cópia. 🔗 Exemplo usado: github.com/faelpatrick/ExemploSiteEm5min 🕓 Minuto 4 – Edite o index.html No seu repositório, edite o arquivo index.html