Failing to find font and soundfont files when hosting from a directory that isn't the root

[nimblespark]

I'm using vite for my application and I got this library working well in dev mode. However, when I deploy the vite build to my website, I'm getting a 404 on the font and soundfont files. The problem is that I'm hosting from a directory that isn't the root but the requests for the font files are being made to the root.

For example, if the website I'm trying to host from is example.com/sandbox, it's trying to find example.com/font/Bravura.woff instead of example.com/sandbox/font/Bravura.woff.

I've tried changing the base path on the vite config file but that didn't work. I've also tried adding a base path tag on the index.html file but that didn't work either.
Does anyone have any ideas how I can configure it to look for these files in the correct spot?

[Danielku15]

You need to configure this setting according to your app:
https://www.alphatab.net/docs/reference/settings/core/fontdirectory

See also:
https://github.com/CoderLine/alphaTabSamplesWeb/blob/main/src/vite-vue/src/App.vue#L12
https://github.com/CoderLine/alphaTabSamplesWeb/blob/main/src/vite-react/src/App.tsx#L13

The fontDirectory setting is used to generate a style tag with the web font definitions:

alphaTab/src/Environment.ts

Line 121 in 8d816be

src: url('${fontDirectory}Bravura.eot');

The soundFontUrl is used to load the file via Ajax:

alphaTab/src/platform/javascript/AlphaSynthWebWorkerApi.ts

Line 282 in 8d816be

request.open('GET', url, true, null, null);

[nimblespark]

Thanks so much, that fixed it. Btw super cool library