根据uniapp官方目录结构，静态资源都放在static目录下，所以图片放在static目录下。

结合vue loader处理资源路径原则

如果路径是绝对路径 (例如 /images/foo.png)，会原样保留。
如果路径以 . 开头，将会被看作相对的模块依赖，并按照你的本地文件系统上的目录结构进行解析。
如果路径以 ~ 开头，其后的部分将会被看作模块依赖。这意味着你可以用该特性来引用一个 Node 依赖中的资源：
如果路径以 @ 开头，也会被看作模块依赖。如果你的 webpack 配置中给 @ 配置了 alias，这就很有用了。所有 vue-cli 创建的项目都默认配置了将 @ 指向 /src。

所以template中可以这样写；

<template><img src="/static/some.png"/>
</template>

如果是css中，因为uniapp的限制，规则有些不同

支持 base64 格式图片。
支持网络路径图片。
小程序不支持在 css 中使用本地文件，包括本地的背景图和字体文件。需以 base64 方式方可使用。
使用本地路径背景图片需注意：
为方便开发者，在背景图片小于 40kb 时，uni-app 编译到不支持本地背景图的平台时，会自动将其转化为 base64 格式；
图片大于等于 40kb，会有性能问题，不建议使用太大的背景图，如开发者必须使用，则需自己将其转换为 base64 格式使用，或将其挪到服务器上，从网络地址引用。
本地背景图片的引用路径推荐使用以 ~@ 开头的绝对路径。

也就是说，在css中设置背景图片，要使用 ~@开头的绝对路径，或者base64、或者网络图片地址。

个人公众号

uniapp 引用图片地址相关推荐

vue中img标签引用图片地址变量不显示，引入失败问题
vue中img标签,src的地址赋值给vue属性不显示 ,如图修改后写法,加上require即可原文 https://blog.csdn.net/Chris__wang/article/detai ...
html引用豆瓣电影图片地址失效
html引用豆瓣电影图片地址失效(失败),数据可视化时应用网络资源失效前言引用豆瓣图片失效解决方法文章出处前言本人在完成一个学习数据可视化时,虽然爬取到了豆瓣电影的海报链接地址,但是在进行网 ...
HTML基础-05-图片（引用图片src=“图片地址“、图片位置 align=“位置“、浮动图片 style=“float:位置“、图片链接 href=“目标url“、图形映射）
文章目录 1. 引用图片(src="图片地址") 语法示例完整示例 2. 图片的位置(align="位置") 语法示例完整示例 3. 浮动图片(style= ...
uniapp、Vue中 image 如何设置默认图片，图片地址加载失败（404）的话就显示默认图片
一.解决方法(在单层循环中) HTML: 在image标签当中添加@error,用来监听图片地址加载失败,同时传递参数 <image v-else :src="item" m ...
uniapp 自定义图片水印插件（任意位置） Ba-Watermark
自定义图片水印 Ba-Watermark 简介(下载地址) Ba-Watermark 是一款uniapp给图片自定义水印的插件. 支持添加多个.多种样式水印支持在任意位置添加支持按实际像素或图片高 ...
在vue.js引用图片的问题
<div id="img"> <img src="img.png" class="img"> </div> ...
uniapp 视频图片切换，视频高度宽度自适应
uniapp 视频图片预览视频宽度自适应, 视频图片左右切换, 图片点击放大预览 <template><view class="container">& ...
vue从数据库获取图片地址，为什么图片地址为变量时找不到图片？
vue展示以变量地址的文件 vue新手刚开始学习vue的同学,可能会遇到一个问题,为什么当图片的地址为一个变量的时候,图片就找不到了呢? 接下来我就讲述一下我的解决方法,及思路. 首先,我们打开浏览 ...
vue 组件中图片地址，图片获取
前提:在组件中使用引用图片,用于<img src> 或者背景图片background; 当我们利用vue-cli 搭建好项目的框架,开始高高兴兴开发组件的时候,有的时候想加一张图片, ...
uni-app实现图片的上传和裁剪
uni-app实现图片的上传和裁剪 uni-app 实现图片的上传和裁剪,插件市场上已经有作者提供了相关的插件.这里主要介绍下我在自己开发图片上传和裁剪过程中遇到的一些问题. 图片上传图片上传功能比 ...

uniapp 引用图片地址

个人公众号

uniapp 引用图片地址相关推荐

最新文章

热门文章