Laravel Vue - 如何让 vue 在公共(public)文件夹中查找图像

Question

我正在尝试从 vue 组件中的公用文件夹加载图像。 Assets 助手在 vue 中不起作用，所以我需要使用格式

<img :src="'img/ic_add-sm.svg'" >

但是 vue 不是在 public 文件夹中查找图像，而是将当前 URL 附加到图像路径中。例如，如果 url 是 www.example.com/posts

它添加了 www.example.com/posts/img/ic_add-sm.svg
而不是 www.example.com/img/ic_add-sm.svg

Answer 1

在图像路径的开头添加正斜杠。

<img :src="'/img/ic_add-sm.svg'">

由于您似乎没有做任何特别的事情，因此您应该可以使用

<img src="/img/ic_add-sm.svg">