Javascript 图像的相对路径受到routify中嵌套路由的影响

我在routify中有一个嵌套的路由，具有下面的文件夹结构，其中图像放置在公用文件夹中，并在此处引用，我正在使用App.svelte中的图像。一切正常。当我转到example.com/1/2时，相对路径无法正常工作

  public
    --assets
      --images
        --image.png
  src
    --pages
      --[aid]
        --[bid].svelte
      --_layout.svelte
    
    App.svelte

App.svelte

  <img src="./assets/images/zrx-logo.png" />

这就是我在App.svelte中引用图像的方式

  <img src="./assets/images/zrx-logo.png" />

错误

得到http://localhost:5000/1/assets/images/image.png 404（未找到）这是如何解决的 而不是http://localhost:5000/assets/images/image.png.

---

p.S当URL为example.com/1时，图像得到正确解析

您应该使用绝对路径<代码>/表示当前文件夹。因此在

http://localhost:5000/1

当前文件夹是网站的根目录，它是

public

文件夹，被翻译成

/public

/

at

http://localhost:5000/1/2

表示

/public/1

要解决您的问题，请将路径设置为

/assets/images/zrx logo.png

，这意味着我们开始直接从根文件夹（

/public

）查找文件