ui.image will never load local image in single page app example

[atticus-lv]

Description

system: win11
nicegui: 1.4.27

code from https://github.com/zauberzeug/nicegui/tree/main/examples/single_page_app/
only modify the show_two in single page app example main.py like this, and local image will never be loaded

    @router.add('/two')
    def show_two():
        # https://github.com/zauberzeug/nicegui/blob/main/website/static/logo_square.png?raw=true
        ui.image('logo_square.png')

2024-06-15.00-54-27.mp4

[atticus-lv]

the main.py file is insdie single_page_app. actually I use an absolute path/web image will also have this problem. I will upload a screenshot later

[atticus-lv]

yes, check this video @python-and-fiction

2024-06-15.16-08-10.mp4

    @router.add('/')
    def show_one():
        ui.image('https://github.com/zauberzeug/nicegui/blob/main/website/static/logo_square.png?raw=true')

    @router.add('/two')
    def show_two():
# my local path
        ui.image(r'C:\Users\atticus\Desktop\ToDoList-nicegui\single_page_app\logo_square.png')

    @router.add('/three')
    def show_three():
# your solution
        ui.image('single_page_app/logo_square.png')

[atticus-lv]

@falkoschindler hi falkoschindler, do you have any idea on this problem?

[python-and-fiction]

same as #2011
Follow this
#2035 (comment)

[atticus-lv]

add statics file seem not work for me, but adding all reroute with ui.page works

[falkoschindler]

Hi @atticus-lv,

This is very confusing, but I think I understand what is happening:
The @ui.page('/{_:path}') decorator creates an endpoint that matches all routes including static images paths. But since the router can't serve images, the image isn't displayed.

As a workaround, you can limit the route to non-path strings (i.e. strings not containing a slash /): @ui.page('/{_}').

I'll close this issue, because it isn't really a bug but a limitation of our small "single page app" example.
A much more powerful API is in the making: PR #2811.