Blank screen on website

[DhruvaSambrani]

Lychee version

nightly

Did you check the latest Lychee version?

Yes, I did

Which PHP version are you using?

PHP 8.4

Detailed description of the problem

I am using a docker installation, nightly version. When I try to open the webpage, I get only a blank page
This is the browser console log

Content-Security-Policy: The page’s settings blocked a style (style-src-elem) at https://dist/user.css?1737325050 from being applied because it violates the following directive: “style-src 'self' 'unsafe-inline'” [lychee.rove-koi.ts.net](https://lychee.rove-koi.ts.net/)
Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://api/v2/Gallery::Init. (Reason: CORS request did not succeed). Status code: (null).

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://api/v2/Auth::user. (Reason: CORS request did not succeed). Status code: (null).

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://api/v2/Auth::rights. (Reason: CORS request did not succeed). Status code: (null).

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://api/v2/LandingPage. (Reason: CORS request did not succeed). Status code: (null).

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://api/v2/Gallery::Init. (Reason: CORS request did not succeed). Status code: (null).

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://api/v2/Auth::user. (Reason: CORS request did not succeed). Status code: (null).

Object { message: "Network Error", name: "AxiosError", code: "ERR_NETWORK", config: {…}, request: XMLHttpRequest, stack: "", … }
[app-C-BzZTQO.js:2:4459](https://lychee.rove-koi.ts.net/build/assets/app-C-BzZTQO.js)
Uncaught (in promise) TypeError: can't access property "data", t.response is undefined
    load https://lychee.rove-koi.ts.net/build/assets/app-C-BzZTQO.js:2
    promise callback*load https://lychee.rove-koi.ts.net/build/assets/app-C-BzZTQO.js:2
    f https://lychee.rove-koi.ts.net/build/assets/pinia-CRROJ2FJ.js:5
    init https://lychee.rove-koi.ts.net/build/assets/app-C-BzZTQO.js:2
    f https://lychee.rove-koi.ts.net/build/assets/pinia-CRROJ2FJ.js:5
    setup https://lychee.rove-koi.ts.net/build/assets/app-C-BzZTQO.js:6
    Ot https://lychee.rove-koi.ts.net/build/assets/@vue-DGKlPIvk.js:14
    Ms https://lychee.rove-koi.ts.net/build/assets/@vue-DGKlPIvk.js:13
    nt https://lychee.rove-koi.ts.net/build/assets/@vue-DGKlPIvk.js:13
    __weh https://lychee.rove-koi.ts.net/build/assets/@vue-DGKlPIvk.js:14
    Xn https://lychee.rove-koi.ts.net/build/assets/@vue-DGKlPIvk.js:13
    Io https://lychee.rove-koi.ts.net/build/assets/@vue-DGKlPIvk.js:14
    mount https://lychee.rove-koi.ts.net/build/assets/@vue-DGKlPIvk.js:14
    mount https://lychee.rove-koi.ts.net/build/assets/@vue-DGKlPIvk.js:18
    <anonymous> https://lychee.rove-koi.ts.net/build/assets/app-C-BzZTQO.js:6
[app-C-BzZTQO.js:2:9086](https://lychee.rove-koi.ts.net/build/assets/app-C-BzZTQO.js)
Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://api/v2/Auth::rights. (Reason: CORS request did not succeed). Status code: (null).

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://api/v2/LandingPage. (Reason: CORS request did not succeed). Status code: (null).

Uncaught (in promise) 
Object { message: "Network Error", name: "AxiosError", code: "ERR_NETWORK", config: {…}, request: XMLHttpRequest, stack: "", … }
​
code: "ERR_NETWORK"
​
config: Object { timeout: 0, xsrfCookieName: "XSRF-TOKEN", xsrfHeaderName: "X-XSRF-TOKEN", … }
​
message: "Network Error"
​
name: "AxiosError"
​
request: XMLHttpRequest { readyState: 4, timeout: 0, withCredentials: false, … }
​
stack: "hn</</h.onerror@https://lychee.rove-koi.ts.net/build/assets/axios-NIGUFBhG.js:3:5998\nEventHandlerNonNull*hn</<@https://lychee.rove-koi.ts.net/build/assets/axios-NIGUFBhG.js:3:5975\nhn<@https://lychee.rove-koi.ts.net/build/assets/axios-NIGUFBhG.js:3:5073\nAe@https://lychee.rove-koi.ts.net/build/assets/axios-NIGUFBhG.js:5:508\n_request@https://lychee.rove-koi.ts.net/build/assets/axios-NIGUFBhG.js:6:1438\nrequest@https://lychee.rove-koi.ts.net/build/assets/axios-NIGUFBhG.js:5:1966\nL.prototype[t]@https://lychee.rove-koi.ts.net/build/assets/axios-NIGUFBhG.js:6:1761\nCe/<@https://lychee.rove-koi.ts.net/build/assets/axios-NIGUFBhG.js:1:45\nuser@https://lychee.rove-koi.ts.net/build/assets/app-C-BzZTQO.js:2:3376\ngetUser@https://lychee.rove-koi.ts.net/build/assets/app-C-BzZTQO.js:2:4400\nf@https://lychee.rove-koi.ts.net/build/assets/pinia-CRROJ2FJ.js:5:2274\nsetup/<@https://lychee.rove-koi.ts.net/build/assets/app-C-BzZTQO.js:6:65058\nOt/</<@https://lychee.rove-koi.ts.net/build/assets/@vue-DGKlPIvk.js:14:7463\nMs@https://lychee.rove-koi.ts.net/build/assets/@vue-DGKlPIvk.js:13:1385\nnt@https://lychee.rove-koi.ts.net/build/assets/@vue-DGKlPIvk.js:13:1457\nOi/t.__weh@https://lychee.rove-koi.ts.net/build/assets/@vue-DGKlPIvk.js:14:7344\nXn@https://lychee.rove-koi.ts.net/build/assets/@vue-DGKlPIvk.js:13:2963\nIo@https://lychee.rove-koi.ts.net/build/assets/@vue-DGKlPIvk.js:14:29526\nmount@https://lychee.rove-koi.ts.net/build/assets/@vue-DGKlPIvk.js:14:16334\nEr/t.mount@https://lychee.rove-koi.ts.net/build/assets/@vue-DGKlPIvk.js:18:21286\n@https://lychee.rove-koi.ts.net/build/assets/app-C-BzZTQO.js:6:88252\n"
​
<prototype>: Object { constructor: m(e, t, n, r, s), toJSON: toJSON(), stack: "", … }

The browser Network tab gives this:

Logs show nothing of interest.

Docker compose:

services:
  lychee_db:
    container_name: lychee_db
    image: mariadb:10
    restart: unless-stopped
    environment:
      - MYSQL_ROOT_PASSWORD=lycheepassroot
      - MYSQL_DATABASE=lychee
      - MYSQL_USER=lychee
      - MYSQL_PASSWORD=lycheepass
    expose: 
      - 3306
    volumes:
      - mysql:/var/lib/mysql
    networks:
      - lychee

  lychee:
    container_name: lychee
    image: lycheeorg/lychee:nightly
    restart: unless-stopped
    environment:
      - PHP_TZ=Asia/Kolkata
      - TIMEZONE=Asia/Kolkata
      - DB_CONNECTION=mysql
      - DB_HOST=lychee_db
      - DB_PORT=3306
      - DB_DATABASE=lychee
      - DB_USERNAME=lychee
      - DB_PASSWORD=lycheepass
      - TRUSTED_PROXIES=*
      - APP_URL=https://lychee.rove-koi.ts.net
      - ASSETS_URL=https://lychee.rove-koi.ts.net
      - APP_DIR=/
    labels:
      - tsdproxy.enable=true
      - tsdproxy.name=Lychee
      - tsdproxy.ephemeral=false
    ports:
      - 7258:80
    volumes:
      - ./lychee/conf:/conf
      - ./lychee/uploads:/uploads
      - ./lychee/sym:/sym
      - ./lychee/logs:/logs
      - ./lychee/tmp:/lychee-tmp
    depends_on:
      - lychee_db
    networks:
      - lychee

networks:
  lychee:

volumes:
  mysql:

lychee/conf/.env

APP_NAME=Lychee
APP_ENV=production
APP_KEY=base64:[REDACT]
APP_DEBUG=true
APP_URL=https://lychee.rove-koi.ts.net
ASSET_URL=https://lychee.rove-koi.ts.net
APP_DIR=/
DEBUGBAR_ENABLED=false
VUEJS_ENABLED=true
LOG_VIEWER_ENABLED=true
CLOCKWORK_ENABLE=false
LEGACY_V4_REDIRECT=false
DB_OLD_LYCHEE_PREFIX=
DB_CONNECTION=mysql
DB_HOST=lychee_db
DB_PORT=3306
DB_DATABASE=lychee
DB_USERNAME=lychee
DB_PASSWORD=lycheepass
DB_LOG_SQL=false
DB_LIST_FOREIGN_KEYS=false
CACHE_DRIVER=file
SESSION_DRIVER=file
SESSION_LIFETIME=120
QUEUE_CONNECTION=sync
SECURITY_HEADER_HSTS_ENABLE=false
SECURITY_HEADER_CSP_CONNECT_SRC=
SECURITY_HEADER_SCRIPT_SRC_ALLOW=*
SESSION_SECURE_COOKIE=false
REDIS_HOST=127.0.0.1
REDIS_PASSWORD=null
REDIS_PORT=6379
MAIL_DRIVER=smtp
MAIL_HOST=
MAIL_PORT=
MAIL_USERNAME=
MAIL_PASSWORD=
MAIL_ENCRYPTION=
MAIL_FROM_NAME=
MAIL_FROM_ADDRESS=
TRUSTED_PROXIES=*
VITE_PUSHER_APP_KEY="${PUSHER_APP_KEY}"
VITE_PUSHER_APP_CLUSTER="${PUSHER_APP_CLUSTER}"
APP_DIR=/
TIMEZONE=Asia/Kolkata

Steps to reproduce the issue

No response

Diagnostics [REQUIRED]

Smart Diagnostics
-----------------
Warning: /v**********************lic/uploads/ is owned by group www-data, but should be owned by one out of root
Warning: /var/*****************torage/tmp/jobs/ is owned by group www-data, but should be owned by one out of root
Warning: /var/*****************torage/tmp/uploads/ is owned by group www-data, but should be owned by one out of root
Info: Full directory permission check is disabled
Warning: You may experience problems when uploading a photo of large size. Take a look in the FAQ for details.
Warning: You may experience problems when uploading a photo of large size. Take a look in the FAQ for details.
Warning: zend.assertions is disabled although Lychee is in debug mode. For easier debugging code generation for assertions should be enabled.
Info: Found 407 small2x that could be generated.
         You can use `php artisan lychee:generate_thumbs small2x 407` to generate them.
Info: Found 19 medium that could be generated.
         You can use `php artisan lychee:generate_thumbs medium 19` to generate them.
Info: Found 510 medium2x that could be generated.
         You can use `php artisan lychee:generate_thumbs medium2x 510` to generate them.
Info: Have you considered supporting Lychee? :)

System Information
------------------
Lychee Version (git):                      master (24d92f5) -- Up to date (0 seconds ago).
DB Version:                                6.9.1

Docker:                                    lycheeorg
composer install:                          --no-dev
APP_ENV:                                   production
APP_DEBUG:                                 true
APP_URL:                                   set
APP_DIR:                                   set
LOG_VIEWER_ENABLED:                        true

System:                                    Linux
PHP Version:                               8.4.12
PHP User agent:                            Lychee/6 (https://lycheeorg.dev/)
Timezone:                                  Asia/Kolkata
Max uploaded file size:                    2M
Max post size:                             8M
Chunk size:                                0.00 B
Max execution time:                        0
MySQL Version:                             10.11.14-MariaDB-ubu2204

exec() Available:                          yes
Imagick Available:                         1
Imagick Enabled:                           1
Imagick Version:                           1691
GD Version:                                2.3.3
Number of foreign key:                     19 found.

Config Information
------------------
version:                                   060901
check_for_updates:                         0
sorting_photos_col:                        taken_at
sorting_photos_order:                      ASC
sorting_albums_col:                        max_taken_at
sorting_albums_order:                      ASC
imagick:                                   1
skip_duplicates:                           1
small_max_width:                           0
small_max_height:                          360
medium_max_width:                          1920
medium_max_height:                         1080
lang:                                      en
image_overlay_type:                        desc
default_license:                           none
compression_quality:                       90
grants_full_photo_access:                  1
delete_imported:                           0
mod_frame_enabled:                         1
mod_frame_refresh:                         30
thumb_2x:                                  1
small_2x:                                  1
medium_2x:                                 1
landing_page_enable:                       0
search_public:                             0
hide_version_number:                       1
recent_age:                                1
grants_download:                           1
photos_wraparound:                         1
map_display:                               1
zip64:                                     1
map_display_public:                        0
map_provider:                              Wikimedia
map_include_subalbums:                     0
update_check_every_days:                   3
has_exiftool:                              1
share_button_visible:                      0
import_via_symlink:                        0
has_ffmpeg:                                1
location_decoding:                         0
location_decoding_timeout:                 30
location_show:                             1
location_show_public:                      0
rss_enable:                                0
rss_recent_days:                           7
rss_max_items:                             100
prefer_available_xmp_metadata:             0
editor_enabled:                            1
lossless_optimization:                     0
local_takestamp_video_formats:             .avi|.mov
log_max_num_line:                          1000
unlock_password_photos_with_url_param:     0
nsfw_visible:                              1
nsfw_blur:                                 0
nsfw_warning:                              0
nsfw_warning_admin:                        0
nsfw_banner_override:                      
map_display_direction:                     1
album_subtitle_type:                       oldstyle
upload_processing_limit:                   4
new_photos_notification:                   0
zip_deflate_level:                         6
default_album_protection:                  1
album_decoration:                          layers
album_decoration_orientation:              row
allow_username_change:                     1
auto_fix_orientation:                      1
random_album_id:                           starred
use_last_modified_date_when_no_exif_date:  0
layout:                                    justified
date_format_photo_thumb:                   M j, Y, g:i:s A e
date_format_photo_overlay:                 M j, Y, g:i:s A e
date_format_sidebar_uploaded:              M j, Y, g:i:s A e
date_format_sidebar_taken_at:              M j, Y, g:i:s A e
date_format_hero_min_max:                  F Y
date_format_hero_created_at:               M j, Y, g:i:s A T
date_format_album_thumb:                   M Y
upload_chunk_size:                         0
nsfw_banner_blur_backdrop:                 0
search_pagination_limit:                   300
search_minimum_length_required:            4
photo_layout_justified_row_height:         320
photo_layout_masonry_column_width:         300
photo_layout_grid_column_width:            250
photo_layout_square_column_width:          200
photo_layout_gap:                          12
display_thumb_album_overlay:               always
display_thumb_photo_overlay:               hover
default_album_thumb_aspect_ratio:          1/1
use_album_compact_header:                  0
back_button_enabled:                       0
back_button_text:                          Return to Home
SA_random_thumbs:                          0
login_required:                            0
enable_unsorted:                           1
enable_starred:                            1
enable_recent:                             1
enable_on_this_day:                        1
login_required_root_only:                  1
dark_mode_enabled:                         1
low_quality_image_placeholder:             1
show_keybinding_help_popup:                0
show_keybinding_help_button:               1
disable_se_call_for_actions:               0
enable_se_preview:                         0
slideshow_timeout:                         5
keep_original_untouched:                   1
timeline_photos_enabled:                   1
timeline_photos_public:                    0
timeline_photos_granularity:               day
timeline_photos_order:                     taken_at
timeline_photos_layout:                    square
timeline_photos_pagination_limit:          200
timeline_albums_enabled:                   1
timeline_albums_public:                    0
timeline_albums_granularity:               year
timeline_left_border_enabled:              1
timeline_photo_date_format_year:           Y
timeline_photo_date_format_month:          M Y
timeline_photo_date_format_day:            j M Y
timeline_photo_date_format_hour:           g:i
timeline_album_date_format_year:           Y
timeline_album_date_format_month:          M Y
timeline_album_date_format_day:            j M
hide_nsfw_in_smart_albums:                 1
hide_nsfw_in_frame:                        1
hide_nsfw_in_map:                          1
hide_nsfw_in_search:                       1
search_photos_layout:                      square
hide_nsfw_in_rss:                          1
hide_nsfw_in_timeline:                     1
number_albums_per_row_mobile:              3
cache_enabled:                             0
cache_ttl:                                 86400
low_number_of_shoots_per_day:              10
medium_number_of_shoots_per_day:           50
high_number_of_shoots_per_day:             100
maintenance_processing_limit:              5000
disable_recursive_permission_check:        1
exif_disabled_for_all:                     0
file_name_hidden:                          0
default_old_settings:                      0
default_expert_settings:                   0
default_all_settings:                      0
client_side_favourite_enabled:             0
disable_thumb_download:                    1
disable_thumb2x_download:                  1
disable_small_download:                    0
disable_small2x_download:                  0
disable_medium_download:                   0
disable_medium2x_download:                 0
temporary_image_link_enabled:              0
temporary_image_link_when_logged_in:       0
temporary_image_link_when_admin:           0
temporary_image_link_life_in_seconds:      86400
secure_image_link_enabled:                 0
SA_override_visibility:                    0
TA_override_visibility:                    0
enable_colour_extractions:                 0
colour_extraction_driver:                  farzai
home_page_default:                         gallery
flow_enabled:                              1
flow_public:                               0
flow_base:                                 
flow_max_items:                            10
flow_strategy:                             auto
flow_include_sub_albums:                   0
flow_include_photos_from_children:         0
flow_open_album_on_click:                  0
flow_display_open_album_button:            0
flow_highlight_first_picture:              1
flow_min_max_enabled:                      1
flow_display_statistics:                   1
flow_compact_mode_enabled:                 1
flow_image_header_enabled:                 1
flow_image_header_cover:                   cover
flow_image_header_height:                  24
flow_carousel_enabled:                     1
flow_carousel_height:                      6
date_format_flow_published:                M j, Y, g:i:s A e
date_format_flow_min_max:                  F Y
flow_blur_nsfw_enabled:                    1
hide_nsfw_in_flow:                         1
skip_duplicates_early:                     1
sync_delete_missing_photos:                0
sync_delete_missing_albums:                0
sync_dry_run:                              1
gallery_header_enabled:                    0
gallery_header_logged_in_enabled:          0
gallery_header:                            
gallery_header_bar_transparent:            1
gallery_header_bar_gradient:               1
import_via_url_forbidden_localhost:        1
import_via_url_forbidden_local_ip:         1
import_via_url_require_https:              1
import_via_url_forbidden_ports:            1
is_scroll_to_navigate_photos_enabled:      1
is_swipe_vertically_to_go_back_enabled:    1
details_links_enabled:                     0
details_links_public:                      0
timeline_page_enabled:                     1
timeline_quick_access_date_format_year:    Y
timeline_quick_access_date_format_month:   M
timeline_quick_access_date_format_day:     j M
timeline_quick_access_date_format_hour:    h M, g:i
photo_thumb_tags_enabled:                  0
hide_nsfw_in_tag_albums:                   1
hide_nsfw_in_tag_listing:                  1
sorting_pinned_albums_col:                 created_at
sorting_pinned_albums_order:               DESC
copyright_text:                            
watermark_enabled:                         0
watermark_photo_id:                        
watermark_public:                          1
watermark_logged_in_users_enabled:         0
renamer_enabled:                           0
renamer_enforced:                          0
renamer_enforced_before:                   0
renamer_enforced_after:                    0
renamer_photo_title_enabled:               1
renamer_album_title_enabled:               1
extract_zip_on_upload:                     1

Browser & System [REQUIRED]

FIREFOX, Archlinux (DOCKER)

Please confirm (incomplete submissions will not be addressed)

• I have provided easy and step-by-step instructions to reproduce the bug.
• I understand my bug report will be removed if I haven't met the criteria above.
• I understand that if I am requested to provide more information, I must do so within 14 days or the bug report will be closed.

[DhruvaSambrani]

I couldn't fix it so I migrated to a new installation. Still not sure what the issue was.

[ildyria]

Happy you got it fix, weird one.
By the way: - APP_DIR=/ I don't think this is needed. I would recommend not using it at all.
Same for ASSET_URL=... if you are using the default way (subdomain).

[DhruvaSambrani]

Yeah I tried without those too, no change

[ildyria]

What surprises me the most is that the requests are made to https://api/v2/Gallery::Init instead of https://lychee.tld/api/v2/Gallery::Init

[DhruvaSambrani]

This is what surprised me too, since there were some GET api calls that were fine, but not the OPTION api calls.