Como remover o /build de seu projeto laravel com Vite e Vue.js

Olá rede, tudo bem com vocês? recentemente quebrei bastante a cabeça para remover esse /build de minhas url’s buildadas. Vamos combinar que isso não soa nada profissional e intuitivo de se acessar, sem contar que visualmente fica horrível.

Após varias e várias pesquisas cheguei a solução, mas antes de dar a solução, vamos a explicação do problema.

Quando eu rodava o npm run build, para gerar os assets do meu projeto, eu tinha um problema onde as minhas url’s ficavam com o bendito /build, exemplo: http://localhost/public/build/login

Enquanto quando rodava o npm run dev a url ficava correta “http://localhost/login”, sim o public eu resolvi de outra forma, apenas colocando um .htaccess na raiz do projeto.

Resolver esse problema é muito simples, tão simples que nem acredito que fiquei pesquisando tanto tempo para resolver isso…

Vamos lá, no seu arquivo de rotas do Vue.js, normalmente chamada de index.js vai ter uma linha assim:

const router = createRouter({
    history: createWebHistory(import.meta.env.BASE_URL),
    routes
})

Basta apenas remover o import.meta.env.BASE_URL do seu código, ficando assim:

const router = createRouter({
    history: createWebHistory(),
    routes
})

Após isso, basta rodar o build do seu projeto e voialá, problema resolvido.