typer
typer
  • 发布:2021-07-13 16:08
  • 更新:2022-08-19 15:06
  • 阅读:1849

【报Bug】uni-app项目中使用img标签,src给的相对路径,打包app后会被转成绝对路径

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: win10

HBuilderX类型: 正式

HBuilderX版本号: 3.1.22

手机系统: Android

手机系统版本号: Android 10

手机厂商: 华为

手机机型: mate30

页面类型: vue

打包方式: 云端

项目创建方式: HBuilderX

示例代码:
    <img src="../../static/login/shop-car.png" alt="" class="shop-car">

操作步骤:

将自定义基座 运行到手机上。打开有img 并且是相对路径的 页面。会发现加载图片失败。

预期结果:

期望,img标签的src 路径是相对路径时 不会变成绝对路径。

实际结果:

真机调试发现,运行到app中,img的路径会被改成绝对路径,导致找不到图片资源。

<img data-v-199954ad="" src="/static/login/shop-car.png" alt="" _i="5" class="shop-car">

bug描述:

2021-07-13 16:08 负责人:无 分享
已邀请:
7***@qq.com

7***@qq.com

我的解决方法是:
let url = require("/static/login/shop-car.png") // require 值是静态路径, 不能使用变量来代替
<img src="url" />

该问题目前已经被锁定, 无法添加新回复