Desenvolvi uma aplicação em Vue.js e hospedei ela na Vercel, porém, estou tendo problemas com as rotas do meu site. Utilizando o vue-router, defini a seguinte rota:

`{ path: "/certificado/publico/:id", name: "PubliCert", component: PublicCertificado,},`

Porém, quando tento acessar essa rota já hospedada, ela me retorna:
> 404: NOT_FOUND Code: NOT_FOUND ID: gru1::ljchp-1708045045658-70bb89f93e2f

Quando executo o mesmo processo no localhost, tudo funciona perfeitamente, porém, quando realizei o deploy da aplicação esse erro começou.

Como posso corrigir este problema de forma que a rota seja acessível?

Desde já agradeço guys, vocês são brabos!

{
  "rewrites": [{ "source": "/(.*)", "destination": "/index.html" }]
}

Coloque isso em um arquivo vercel.json na raiz

Muito obrigado! Eu havia visto essa solução no StackOverflow mas acreditei que não funcionaria para esse caso. No fim resolvi testar por conta do seu comentário e funcionou KKKK.

[DÚVIDA] Como corrigir o erro 404 da Vercel?

Desenvolvi uma aplicação em Vue.js e hospedei ela na Vercel, porém, estou tendo problemas com as rotas do meu site. Utilizando o vue-router, defini a seguinte rota: { path: "/certificado/...