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

[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

[thomsna]

@jordantgh Did you get this to work?

[jordantgh]

@jordantgh Did you get this to work?

Nah I just decided to use a subdomain, which did work.

[jpsfs]

Just opened a PR implementing this feature: #9155
Hope it gets merged soon 🙏

[alephreish]

Just started using LibreChat. @jpsfs Thanks a lot for this feature! I use Nginx as a reverse proxy and most of the stuff seems to work flawlessly with:

# .env
DOMAIN_CLIENT=http://localhost:3080/librechat
DOMAIN_SERVER=http://localhost:3080/librechat

# /etc/nginx/sites-available/default
location /librechat/ {
        proxy_pass http://localhost:3080/;
        proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection 'upgrade';
        proxy_set_header Host $host;
        proxy_cache_bypass $http_upgrade;
}

The only thing is that the filepaths returned by https://my_host/librechat/api/files all come out without the subfolder /librechat/ which results in dead links.

Is something missing on my side?