如何解决图像的相对路径受到 routify
我在带有以下文件夹结构的 rouify 中有一个嵌套路由,其中图像放置在公共文件夹中并在此处引用,我在 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 中引用图像的方式
GET http://localhost:5000/1/assets/images/image.png 404 (Not Found) 这就是解决方法 而不是 http://localhost:5000/assets/images/image.png。
P.S 当 URL 为 example.com/1 时,图像得到正确解析
解决方法
您应该使用绝对路径。 ./
表示当前文件夹。因此在 http://localhost:5000/1
处,当前文件夹是网站的根目录,即 public
文件夹,它被转换为 /public
./
在 http://localhost:5000/1/2
表示 /public/1
要解决您的问题,请将路径设置为 /assets/images/zrx-logo.png
这意味着我们开始直接从根文件夹 (/public
) 中查找文件
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。