Problem loading assets in a prefixed application

[lucraraujo]

I have an application that must be in a subdirectory.
Since I have so many problems trying to configure a web server (nginx, apache) to serve from a subdirectory the team decided to serve the aplication from the server root and prefix the aplication.
The problem is that no asset is being loaded since the asset hit the prefix and Laravel return a 404.
Example:
My application URL is http://example.com/foo. So all my routes starts with "foo".
When I open the application (go to example.com/foo), it tries to load the app.js which is at "https://example.com/foo/js/app.js" and I get a 404.

Right now I'm using apache and Laravel Mix and I'm loading the assets like this:

<script src="{{ mix('/js/app.js') }}" defer></script>

I also tested like this:

<script src="{{ asset(mix('/js/app.js')) }}" defer></script>

And my .env looks something like this:

APP_URL=https://example.com/foo
ASSET_URL=https://example.com/foo
APP_URL_PREFIX=foo
MIX_RESOURCE_ROOT=/foo

webpack.mix.js

const mix = require('laravel-mix')

mix.setResourceRoot(process.env.MIX_RESOURCE_ROOT)
mix.webpackConfig({
  output: { publicPath: process.env.MIX_RESOURCE_ROOT }
})
mix.js('resources/js/app.js', 'public/js')
mix.vue({ version: 2 })
mix.extract()
mix.sass('resources/sass/app.scss', 'public/css')
mix.version()
mix.sourceMaps(false, 'eval')
mix.disableSuccessNotifications()