Works in Live App Connect but no on Website

I’ve created a Bootstrap 5 table to show info from a database.
It works perfectly inside of Wappler when using the “App Connect Mode” or “Toggle Preview Mode.”
All my database data shows up in nice rows, etc.

But when I upload it all to the live site the table has none of the Database info. It just looks empty.

Any ideas on why this might be?

(Wappler 4.0.1. PHP 7, MariaDB, Apache)

Are there any errors in the browser dev tools?

Yes, (Thank you, I can't believe I didn't look at that!).

It's saying that the dmxAppConnect and Boostrap files aren't there. But it's looking in the wrong place.
It's looking for them in mysite.com/dmxAppConnect but it should be looking for them in mysite.com/subfolder/dmxAppConnect and whatnot.

I double checked the Wappler settings.
The Web Server URL is pointing to mysite.com/subfolder/
The FTP Server is ftp.mysite.com and the remote directory is /subfolder/

If I load an FTP program everything looks to be in the correct locations, all the files are there in their respective folders (including the ones the browser is looking for in the wrong place).

BROWSER ERROR:

Loading failed for the with source “http://www.mysite.com/dmxAppConnect/dmxAppConnect.js”. TextQuestionsVersion2:7:1

Loading failed for the with source “http://www.mysite.com/dmxAppConnect/dmxBootstrap5Navigation/dmxBootstrap5Navigation.js”. TextQuestionsVersion2:15:1

Loading failed for the with source “http://www.mysite.com/bootstrap/5/js/bootstrap.bundle.min.js”.

I found the fix for anyone having a similar issue.

In Project Settings make sure that “Links Relative to” has Document selected, and not Site Root.

Thanks for getting me on track @Teodor.