Enhancement: Support for deploying librechat on a /subdirectory

[jordantgh]

What features would you like to see added?

Currently, as far as I can tell, it is not possible to host librechat on a website as part of a subdirectory, e.g., "www.mysite.com/librechat" is not possible, as the code for getting assets seems to depend on absolute paths.

More details

Minimal anonymised version of my nginx config.

server {
    server_name mysite.com www.mysite.com;

    location / {
       root /home/home/Public/homepage;
       index index.html;
   }

    location /librechat/api {
        proxy_pass http://localhost:3080/api/;
    }

    location /librechat {
        proxy_pass http://localhost:3080/;
    }

    listen 443 ssl;
    ssl_certificate /etc/letsencrypt/live/mysite.com/fullchain.pem;
    ssl_certificate_key /etc/letsencrypt/live/mysite.com/privkey.pem;
    include /etc/letsencrypt/options-ssl-nginx.conf;
    ssl_dhparam /etc/letsencrypt/ssl-dhparams.pem;

}

server {
    listen 80;
    server_name mysite.com www.mysite.com;

    if ($host = www.mysite.com) {
        return 301 https://$host$request_uri;
    }

    if ($host = mysite.com) {
        return 301 https://$host$request_uri;
    }

    location ~ /.well-known/acme-challenge/ {
        allow all;
        root /var/www/html;
        try_files $uri =404;
        break;
    }

    return 404;
}

Which components are impacted by your request?

No response

Pictures

From behind reverse proxy:

On localhost:

Code of Conduct

• I agree to follow this project's Code of Conduct

[danny-avila]

Thanks for your suggestion. I think this is a niche case but would be nice to have. I don't think it would be too involved to implement but it would need tinkering with a setup like yours.

Given other issues, I'm not sure when I will get to it, but this would need some configuration as suggested here: https://stackoverflow.com/questions/77666915/how-to-run-a-vite-react-app-from-a-subfolder

PRs welcome for this

[jordantgh]

Thanks for the tip. I took a bash and failed, but I don't really know what I'm doing. On the off chance it's useful to anyone else, simply setting basename in LibreChat/client/src/routes/index.tsx and base in LibreChat/client/vite.config.ts is apparently insufficient (doing so got localhost:3080/subfolder/ working, but not mysite.com/subfolder - index.html is still looking for assets at /).

[danny-avila]

doing so got localhost:3080/subfolder/ working

Nice!

Try changing this:

LibreChat/api/server/index.js

Lines 40 to 41 in f1d974c

	app.use(express.static(app.locals.paths.dist));
	app.use(express.static(app.locals.paths.publicPath));

to:

 app.use(express.static(path.join('your-basename', app.locals.paths.dist))); 
 app.use(express.static(path.join('your-basename', app.locals.paths.publicPath)));

That might get it working! Images pointing to the right filepath might be another issue to tackle but this would maybe get the bundled assets going.

[danny-avila]

or some combination of this that points to the right location. may need to prepend your-basename with / like this /your-basename

[jordantgh]

Sadly that didn't do it (I tried with/without the / prepended), it actually breaks localhost serving also. Sorry I don't have any ideas of my own.

[danny-avila]

gotcha, all I can suggest at the moment is searching the web, but you may need to edit the same file I pointed to and/or your nginx config

nginx with regex approach: https://stackoverflow.com/questions/22027622/serve-express-js-app-from-subfolder
express.js static serve edit: https://stackoverflow.com/questions/34597072/express-static-not-working-for-subdirectory