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

Question

我在routify中有一个嵌套的路径，具有下面的文件夹结构，其中图像放在公共文件夹中，并在这里引用，我使用的是App.svelte中的图像。一切正常。当我转example.com/1/2时，相对路径不能正常工作

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

App.svelte

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

错误

获取http://localhost:5000/1/assets/images/image.png

404 (未找到)这是它被解析的方式，而不是http://localhost:5000/assets/images/image.png。

备注:当URL为example.com/1时，将正确解析图像

Answer 1

您应该使用绝对路径。./ 表示当前文件夹。因此在 http://localhost:5000/1 当前文件夹是网站的根目录，它是公共文件夹，它被转换为 /public./ 在 http://localhost:5000/1/2 表示 /public/1要解决您的问题，请将路径设置为 /assets/images/zrx-logo.png 这意味着我们开始直接从根文件夹 (/public) 中查找文件