我正在try 从vue组件的公用文件夹加载图像.assets资源 助手在vue中不工作,所以我需要使用该格式

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

但是vue没有在公用文件夹中查找图像,而是将当前URL附加到图像路径.例如,如果url是www.example.com/posts

它增加了www.example.com/posts/img/ic_add-sm.svg

推荐答案

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

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

既然你看起来没有做什么特别的事情,你应该可以使用

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

Vue.js相关问答推荐

将 html 文件移出 dist vite 中的 src 文件夹

使用项目和字段,列跨度为 2 的 Bootstrap-vue 表

通过元素加中的正则表达式输入电话号码格式

VueJS3 - 在 for 循环中获取元素的句柄

纵横比元素溢出容器

已分配计算(computed)属性,但它没有设置器

指定一个 vue-cli vue.config.js 位置

Eslint Vue 3 解析错误:'>' expected.eslint

如何在 Vue.js 中添加动态组件/部分

如何将 vue.js 与 gulp 一起使用?

自定义props类型

数据更新后触发 Vue.js 事件

使用 Vue.js 的用户可切换自定义主题

Laravel Blade 模板将数据传递给 Vue JS 组件

如何在 Vue.js 3 中使用 Vue 3 Meta?

Vuetify - 根据另一个 Select 选项过滤 Select 数据

在路由更改之前显示确认对话框

嵌套组件

如何在 vue.js 2 上循环对象观察者?

如何从扩展面板(Vuetify)中删除阴影?