我正在寻找引用静态assets资源 的正确url,比如Vue javascript中的图像.

例如,我正在使用自定义图标图像创建传单标记,我try 了几个URL,但它们都返回404 (Not Found):

Main.vue:

var icon = L.icon({
    iconUrl: './assets/img.png',
    iconSize:     [25, 25],
    iconAnchor:   [12, 12]
});

我试着把图片放在assets资源 文件夹和静态文件夹中,但没有成功.我必须告诉vue以某种方式加载这些图像吗?

推荐答案

对于希望从模板中引用图像的任何人,可以直接使用"@"引用图像

例子:

<img src="@/assets/images/home.png"/>

Vue.js相关问答推荐

保持页面重新加载之间的状态

Vue.js 3 运行时挂载组件实例

Vue 3 范围滑块中的多个值

是否可以将 nuxt3 与类星体框架一起使用

Vuetify 复选框:如何停止点击事件?

使用 jquery-chosen 插件更新 vuejs 模型值

VueJs this.method 不是函数?如何在 Vuejs 的另一个方法中调用一个方法?

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

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

全局方法和实例方法有什么区别?

Vuex - 如何跨不同选项卡持久存储更新?

Transition-group children must be keyed...but they are keyed

Vue&TypeScript:在项目目录外的 TypeScript 组件中实现导入时如何避免错误 TS2345?

Vue.js:从 parent父Vue 获取数据

Vue-i18n '无法读取 Proxy.Vue.$t 处未定义的属性 '_t'

有没有办法知道组件实例何时挂载?

Vuejs css 范围性能

是否有 v-cloak 逆?

从子组件 Vue 更新父模型

如何访问通用 javascript 模块中的当前路由元字段