Vue webHistory + Vite assets wrong relative path logic

[lucassonsinlima]

Hi everyone, I've an app using Vue 3 + Vite and I'm copying some font files from node_modules with vite-plugin-static-copy under fonts/xyz.woff2. It works as expected when using createWebHashHistory on vue-router because all routes are virtual routes and requests assets from /. When I use createWebHistory, assets are requested not only by domain.com/fonts/xyz.woff2 but with all paths included like domain.com/path1/path2/fonts/xyz.woff2 causing 404. I'm digging into this and seems like this vite section fallbacks to document.baseURI when document.currentScript is null, and at this time document.currentScript is null and when we do something like new URL('/fonts/xyz.woff2', document.baseURI) it will return the issue as expected. I don't know if there's any workaround for this but I tried to use all vite configs like setting origin, base etc..

I can build an reproduce for this on vite issues, comparing with webpack bundling too (currentScript is not null at this point with webpack), but I'm starting with a discussion first :)