<img src="../../static/login/shop-car.png" alt="" class="shop-car">
- 发布:2021-07-13 16:08
- 更新:2022-08-19 15:06
- 阅读:1849
产品分类: uniapp/App
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: win10
HBuilderX类型: 正式
HBuilderX版本号: 3.1.22
手机系统: Android
手机系统版本号: Android 10
手机厂商: 华为
手机机型: mate30
页面类型: vue
打包方式: 云端
项目创建方式: HBuilderX
示例代码:
操作步骤:
将自定义基座 运行到手机上。打开有img 并且是相对路径的 页面。会发现加载图片失败。
将自定义基座 运行到手机上。打开有img 并且是相对路径的 页面。会发现加载图片失败。
预期结果:
期望,img标签的src 路径是相对路径时 不会变成绝对路径。
期望,img标签的src 路径是相对路径时 不会变成绝对路径。
实际结果:
真机调试发现,运行到app中,img的路径会被改成绝对路径,导致找不到图片资源。
<img data-v-199954ad="" src="/static/login/shop-car.png" alt="" _i="5" class="shop-car">
真机调试发现,运行到app中,img的路径会被改成绝对路径,导致找不到图片资源。
<img data-v-199954ad="" src="/static/login/shop-car.png" alt="" _i="5" class="shop-car">
1 个回复
7***@qq.com
我的解决方法是:
let url = require("/static/login/shop-car.png") // require 值是静态路径, 不能使用变量来代替
<img src="url" />