No able to deploy VW on sub path with nginx

[midnightkoderr]

Hello, I am having trouble setting up sub path for VW server using docker with nginx.

When I use localhost:8080/vault it works but when i use IP:8080/vault it stucks on loading.

here are my files:

compose.yaml

services:
  nginx:
    image: nginx:1.29-alpine3.22
    container_name: nginx
    ports:
      - 8080:8080
    networks:
      - nginx
    volumes:
      - ./nginx.conf:/etc/nginx/nginx.conf:ro
      - ./html:/usr/share/nginx/html
    restart: unless-stopped
  vaultwarden:
    image: ghcr.io/dani-garcia/vaultwarden:1.34.1-alpine
    container_name: vaultwarden
    environment:
      DOMAIN: http://192.168.0.2:8080
      SIGNUPS_ALLOWED: true
      WEBSOCKET_ENABLED: true
    volumes:
      - ./data:/data
    networks:
      - nginx
    healthcheck:
      test: ["CMD", "curl", "-f", "http://localhost"]
      interval: 30s
      timeout: 10s
      retries: 3
    restart: unless-stopped
    depends_on:
      - nginx

networks:
  nginx:
    name: nginx

nginx.conf

worker_processes auto;

events {
  worker_connections 1024;
}

http {
  include /etc/nginx/mime.types;
  sendfile on;
  server_tokens off;

  server {
    listen 8080;

    set_real_ip_from 172.0.0.0/8;
    set_real_ip_from 192.168.0.0/16;
    set_real_ip_from 10.0.0.0/8;
    set_real_ip_from 224.0.0.0/4;
    real_ip_header X-Real-IP;
    real_ip_recursive on;

    proxy_set_header Host $host;
    proxy_set_header X-Real-IP $remote_addr;
    proxy_set_header X-Forwarded-For $http_x_forwarded_for;
    proxy_set_header Real-IP $realip_remote_addr;

    root /usr/share/nginx/html;
    index index.html;

    location / {
      try_files $uri $uri/ =404;
    }

    location /vault/ {
      proxy_pass http://vaultwarden/;
      proxy_set_header Host $host;
      proxy_set_header X-Real-IP $remote_addr;
      proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
      proxy_set_header X-Forwarded-Proto $scheme;
    }

    location /vault/notifications/hub/ {
      proxy_pass http://vaultwarden/notifications/hub;
      proxy_http_version 1.1;
      proxy_set_header Upgrade $http_upgrade;
      proxy_set_header Connection "upgrade";
    }
  }
}

Screenshots:

[stefan0xC]

The reason why is explained in the Usage section of the README

Important

The web-vault requires the use a secure context for the Web Crypto API. That means it will only work via http://localhost:8000 (using the port from the example below) or if you enable HTTPS.

[midnightkoderr]

thanks!