问题描述:
原生app嵌套H5页面,H5页面数据通过js模板字符串进行拼接渲染,问题代码:
let n = `<div class='imgContainer'><img src="./img/red2.png" /></div>`
本地调试图片展示正常,但上到测试线,在app上图片会出现破碎的情况,这个问题查了一下是图片路径引用机制的问题,需要用require进行引用
解决:
let n = `<div class='imgContainer'><img src=${require('../img/red2.png')} /></div>`