[Enhancement]: Add subfolder URL path instead of using a subdomain

[maartenbrakkee]

Describe the feature/enhancement

For reverse proxy usage with a subfolder instead of a subdomain. E.g., /audiobookshelf/ instead of /.

[unclebacon-live]

I second this.

[whiskywaffel]

Would be a nice. Is there any chance this gets implemented?

[sandreas]

+1
I would suggest to use process.env.serverUrl wherever possible...

Maybe it helps collecting code permalinks, that maybe need to be adjusted?

Probably (server and client-config):

• audiobookshelf/server/Server.js

  Line 185 in f34ebdc

  app.use(express.static(Path.join(global.appRoot, 'static')))

• audiobookshelf/client/nuxt.config.js

  Line 31 in f34ebdc

  src: '/libs/sortable.js'

Maybe (client):

• audiobookshelf/client/pages/index.vue

  Line 8 in f34ebdc

  redirect(`/library/${store.state.libraries.currentLibraryId}`)

• audiobookshelf/client/pages/login.vue

  Line 40 in f34ebdc

  this.$router.replace(`/library/${this.$store.state.libraries.currentLibraryId}`)

What about the app?

[sandreas]

@advplyr

How is the state of this issue? You said in #570:

we need to add a base url from env variables for the client side to work. Then there is the server and mobile apps. I've attempted to add this once before and it was more complicated then it seems.

So there is work to do in:

• Client
• Server
• Mobile Apps

I did not find a branch with your failed attempt, but I would really like to help you with this issue and submit a PR, if you don't have the time. I would just need your help to point me into the right direction... the collected parts of code above might be a first step, but I do not know, what code parts may be also critical / necessary...

Should I fork and create a branch / PR for discussion? Or would you just list the things you tried out and failed with?

Thank you.

[advplyr]

Thanks, I could use some help.
The first step is the base url will need to be passed in as an environment variable for docker or specified in the config file for debian.

The part where I got hung up was passing that environment variable to the Nuxt.js app so that we can set the base url in the nuxt.config.js file. I'm not sure the best way to handle that. I think setting that would handle the web app client portion of this.

I'm not sure exactly what would be needed on the server yet.
The mobile apps would need to store the base url separately. I haven't gotten too deep into this since I got hung up on the web app client.

We can chat about this in discord also if that is easier or start a discussion in GH whichever you prefer.

[sandreas]

Progress update:

• First steps to integrate BASE_URL into the /server component: master...sandreas:master
• Got the client working - some issues with logos and audio files, but I got a user interface for the client, client changes will follow and are currently NOT part of the fork

[advplyr]

Oh great, how are you passing the env variable to the nuxt app?

[sandreas]

Oh great, how are you passing the env variable to the nuxt app?

That is something I am working at. I tried some static options first and it worked partially with the options router and baseUrl:

  router: {
    base: '/audiobooks'
  },
  axios: {
    // baseURL: process.env.serverUrl || ''
    baseURL: "/audiobooks/"
  },

The nuxt-config is very fiddly here. A missing / or one too much at the wrong place and it does not work at all. Seems that this is influenced by the server config in dev.js / index.js. I'm not even sure, wether that default value for BASE_URL should be `` (empty string) or / (slash).

I'm currently trying to figure out a reliable way to make this work and if I have this, I'll try the dynamic configuration. There is also this ticket: nuxt/nuxt#7312 which might help to configure it runtime, so that one does not need to retranspile the whole client for changing the baseUrl.

Maybe BASE_URL should also be renamed to PREFIX (like here), since we only wanna change the last part of the url... we'll see, I'm pretty busy atm, maybe this takes some time to figure out.

[advplyr]

Prefix is better since that is all we want passed into the env variable.

I was having the same issue you are working on. We can use the runtime config but the problem I had was actually accessing that env from the client. The env's available on the server aren't available in the nuxt app.