Immich web use absolute instead of relative path #3905

Closed
opened 2026-02-05 09:26:36 +03:00 by OVERLORD · 1 comment
Owner

Originally created by @thangktran on GitHub (Jul 18, 2024).

The bug

A nginx reversed proxy is use with a different location than "/"

location /immich {
      return 302 /immich/;
}
location /immich/ {
      proxy_pass http://localhost:2283/;
      ...
}

this would break the web since lots of href use absolute path e.g.

<link rel="modulepreload" href="/_app/immutable/entry/start.BvmkV4l6.js">
<link rel="modulepreload" href="/_app/immutable/chunks/entry.rU2yGgWN.js">
<link rel="modulepreload" href="/_app/immutable/chunks/scheduler.Bogm_FVb.js">
<link rel="modulepreload" href="/_app/immutable/chunks/index.DkxNG5u5.js">
<link rel="modulepreload" href="/_app/immutable/chunks/control.CYgJF_JY.js">
<link rel="modulepreload" href="/_app/immutable/entry/app.CGJKTU6j.js">
<link rel="modulepreload" href="/_app/immutable/chunks/preload-helper.D6kgxu3v.js">
<link rel="modulepreload" href="/_app/immutable/chunks/fetch-client.DFOVVXby.js">
<link rel="modulepreload" href="/_app/immutable/chunks/fetch-errors.Dy51Jf8S.js">
<link rel="modulepreload" href="/_app/immutable/chunks/index.D-TdHC1E.js">

The same setting works properly with different applications where the href is relative e.g. href="./<path>"

Quote from: https://stackoverflow.com/a/2005097

'... it is considered best-practice to use relative URLs, so that your website will not be bound to the base URL of where it is currently deployed ...'

It would be great if we could use relative path for the web.

Thank you.

The OS that Immich Server is running on

Ubuntu 22.04

Version of Immich Server

v1.108

Version of Immich Mobile App

v1.108

Platform with the issue

  • Server
  • Web
  • Mobile

Your docker-compose.yml content

#
# WARNING: Make sure to use the docker-compose.yml of the current release:
#
# https://github.com/immich-app/immich/releases/latest/download/docker-compose.yml
#
# The compose file on main may not be compatible with the latest release.
#

name: immich

services:
  immich-server:
    container_name: immich_server
    image: ghcr.io/immich-app/immich-server:${IMMICH_VERSION:-release}
    # extends:
    #   file: hwaccel.transcoding.yml
    #   service: cpu # set to one of [nvenc, quicksync, rkmpp, vaapi, vaapi-wsl] for accelerated transcoding
    volumes:
      - ${UPLOAD_LOCATION}:/usr/src/app/upload
      - /etc/localtime:/etc/localtime:ro
    env_file:
      - .env
    ports:
      - 2283:3001
    depends_on:
      - redis
      - database
    restart: always

  immich-machine-learning:
    container_name: immich_machine_learning
    # For hardware acceleration, add one of -[armnn, cuda, openvino] to the image tag.
    # Example tag: ${IMMICH_VERSION:-release}-cuda
    image: ghcr.io/immich-app/immich-machine-learning:${IMMICH_VERSION:-release}
    # extends: # uncomment this section for hardware acceleration - see https://immich.app/docs/features/ml-hardware-acceleration
    #   file: hwaccel.ml.yml
    #   service: cpu # set to one of [armnn, cuda, openvino, openvino-wsl] for accelerated inference - use the `-wsl` version for WSL2 where applicable
    volumes:
      - model-cache:/cache
    env_file:
      - .env
    restart: always

  redis:
    container_name: immich_redis
    image: docker.io/redis:6.2-alpine@sha256:328fe6a5822256d065debb36617a8169dbfbd77b797c525288e465f56c1d392b
    healthcheck:
      test: redis-cli ping || exit 1
    restart: always

  database:
    container_name: immich_postgres
    image: docker.io/tensorchord/pgvecto-rs:pg14-v0.2.0@sha256:90724186f0a3517cf6914295b5ab410db9ce23190a2d9d0b9dd6463e3fa298f0
    environment:
      POSTGRES_PASSWORD: ${DB_PASSWORD}
      POSTGRES_USER: ${DB_USERNAME}
      POSTGRES_DB: ${DB_DATABASE_NAME}
      POSTGRES_INITDB_ARGS: '--data-checksums'
    volumes:
      - ${DB_DATA_LOCATION}:/var/lib/postgresql/data
    healthcheck:
      test: pg_isready --dbname='${DB_DATABASE_NAME}' --username='${DB_USERNAME}' || exit 1; Chksum="$$(psql --dbname='${DB_DATABASE_NAME}' --username='${DB_USERNAME}' --tuples-only --no-align --command='SELECT COALESCE(SUM(checksum_failures), 0) FROM pg_stat_database')"; echo "checksum failure count is $$Chksum"; [ "$$Chksum" = '0' ] || exit 1
      interval: 5m
      start_interval: 30s
      start_period: 5m
    command: ["postgres", "-c" ,"shared_preload_libraries=vectors.so", "-c", 'search_path="$$user", public, vectors', "-c", "logging_collector=on", "-c", "max_wal_size=2GB", "-c", "shared_buffers=512MB", "-c", "wal_compression=on"]
    restart: always

volumes:
  model-cache:

Your .env content

# You can find documentation for all the supported env variables at https://immich.app/docs/install/environment-variables

# The location where your uploaded files are stored
UPLOAD_LOCATION=***
# The location where your database files are stored
DB_DATA_LOCATION=***

# To set a timezone, uncomment the next line and change Etc/UTC to a TZ identifier from this list: https://en.wikipedia.org/wiki/List_of_tz_database_time_zones#List
# TZ=Etc/UTC

# The Immich version to use. You can pin this to a specific version like "v1.71.0"
IMMICH_VERSION=release

# Connection secret for postgres. You should change it to a random password
DB_PASSWORD=***

# The values below this line do not need to be changed
###################################################################################
DB_USERNAME=postgres
DB_DATABASE_NAME=immich

Reproduction steps

1. create a nginx reversed proxy with a different Location (e.g. `host/immich` in this case)
2. go to a browser, go to `host/immich`
...

Relevant log output

No response

Additional information

No response

Originally created by @thangktran on GitHub (Jul 18, 2024). ### The bug A nginx reversed proxy is use with a different location than "/" ``` location /immich { return 302 /immich/; } location /immich/ { proxy_pass http://localhost:2283/; ... } ```` this would break the web since lots of `href` use absolute path e.g. ``` <link rel="modulepreload" href="/_app/immutable/entry/start.BvmkV4l6.js"> <link rel="modulepreload" href="/_app/immutable/chunks/entry.rU2yGgWN.js"> <link rel="modulepreload" href="/_app/immutable/chunks/scheduler.Bogm_FVb.js"> <link rel="modulepreload" href="/_app/immutable/chunks/index.DkxNG5u5.js"> <link rel="modulepreload" href="/_app/immutable/chunks/control.CYgJF_JY.js"> <link rel="modulepreload" href="/_app/immutable/entry/app.CGJKTU6j.js"> <link rel="modulepreload" href="/_app/immutable/chunks/preload-helper.D6kgxu3v.js"> <link rel="modulepreload" href="/_app/immutable/chunks/fetch-client.DFOVVXby.js"> <link rel="modulepreload" href="/_app/immutable/chunks/fetch-errors.Dy51Jf8S.js"> <link rel="modulepreload" href="/_app/immutable/chunks/index.D-TdHC1E.js"> ``` The same setting works properly with different applications where the `href` is relative e.g. `href="./<path>"` Quote from: https://stackoverflow.com/a/2005097 '... it is considered best-practice to use relative URLs, so that your website will not be bound to the base URL of where it is currently deployed ...' It would be great if we could use relative path for the web. Thank you. ### The OS that Immich Server is running on Ubuntu 22.04 ### Version of Immich Server v1.108 ### Version of Immich Mobile App v1.108 ### Platform with the issue - [ ] Server - [X] Web - [ ] Mobile ### Your docker-compose.yml content ```YAML # # WARNING: Make sure to use the docker-compose.yml of the current release: # # https://github.com/immich-app/immich/releases/latest/download/docker-compose.yml # # The compose file on main may not be compatible with the latest release. # name: immich services: immich-server: container_name: immich_server image: ghcr.io/immich-app/immich-server:${IMMICH_VERSION:-release} # extends: # file: hwaccel.transcoding.yml # service: cpu # set to one of [nvenc, quicksync, rkmpp, vaapi, vaapi-wsl] for accelerated transcoding volumes: - ${UPLOAD_LOCATION}:/usr/src/app/upload - /etc/localtime:/etc/localtime:ro env_file: - .env ports: - 2283:3001 depends_on: - redis - database restart: always immich-machine-learning: container_name: immich_machine_learning # For hardware acceleration, add one of -[armnn, cuda, openvino] to the image tag. # Example tag: ${IMMICH_VERSION:-release}-cuda image: ghcr.io/immich-app/immich-machine-learning:${IMMICH_VERSION:-release} # extends: # uncomment this section for hardware acceleration - see https://immich.app/docs/features/ml-hardware-acceleration # file: hwaccel.ml.yml # service: cpu # set to one of [armnn, cuda, openvino, openvino-wsl] for accelerated inference - use the `-wsl` version for WSL2 where applicable volumes: - model-cache:/cache env_file: - .env restart: always redis: container_name: immich_redis image: docker.io/redis:6.2-alpine@sha256:328fe6a5822256d065debb36617a8169dbfbd77b797c525288e465f56c1d392b healthcheck: test: redis-cli ping || exit 1 restart: always database: container_name: immich_postgres image: docker.io/tensorchord/pgvecto-rs:pg14-v0.2.0@sha256:90724186f0a3517cf6914295b5ab410db9ce23190a2d9d0b9dd6463e3fa298f0 environment: POSTGRES_PASSWORD: ${DB_PASSWORD} POSTGRES_USER: ${DB_USERNAME} POSTGRES_DB: ${DB_DATABASE_NAME} POSTGRES_INITDB_ARGS: '--data-checksums' volumes: - ${DB_DATA_LOCATION}:/var/lib/postgresql/data healthcheck: test: pg_isready --dbname='${DB_DATABASE_NAME}' --username='${DB_USERNAME}' || exit 1; Chksum="$$(psql --dbname='${DB_DATABASE_NAME}' --username='${DB_USERNAME}' --tuples-only --no-align --command='SELECT COALESCE(SUM(checksum_failures), 0) FROM pg_stat_database')"; echo "checksum failure count is $$Chksum"; [ "$$Chksum" = '0' ] || exit 1 interval: 5m start_interval: 30s start_period: 5m command: ["postgres", "-c" ,"shared_preload_libraries=vectors.so", "-c", 'search_path="$$user", public, vectors', "-c", "logging_collector=on", "-c", "max_wal_size=2GB", "-c", "shared_buffers=512MB", "-c", "wal_compression=on"] restart: always volumes: model-cache: ``` ### Your .env content ```Shell # You can find documentation for all the supported env variables at https://immich.app/docs/install/environment-variables # The location where your uploaded files are stored UPLOAD_LOCATION=*** # The location where your database files are stored DB_DATA_LOCATION=*** # To set a timezone, uncomment the next line and change Etc/UTC to a TZ identifier from this list: https://en.wikipedia.org/wiki/List_of_tz_database_time_zones#List # TZ=Etc/UTC # The Immich version to use. You can pin this to a specific version like "v1.71.0" IMMICH_VERSION=release # Connection secret for postgres. You should change it to a random password DB_PASSWORD=*** # The values below this line do not need to be changed ################################################################################### DB_USERNAME=postgres DB_DATABASE_NAME=immich ``` ### Reproduction steps ```bash 1. create a nginx reversed proxy with a different Location (e.g. `host/immich` in this case) 2. go to a browser, go to `host/immich` ... ``` ### Relevant log output _No response_ ### Additional information _No response_
Author
Owner

@bo0tzz commented on GitHub (Jul 18, 2024):

#1679

@bo0tzz commented on GitHub (Jul 18, 2024): #1679
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: immich-app/immich#3905