HarmonyOS 鸿蒙Next JS FA 中js对象存储图片路径使用../../导致图片不能正常显示的解决方案

HarmonyOS 鸿蒙Next JS FA 中js对象存储图片路径使用…/…/导致图片不能正常显示的解决方案 今天测试Image时发现个问题，在设置image的src时，根据工具提示支持…/，然后根据这个提示定位到图片地址，HTML如下代码

<image src="../../common/FoodImgs/Food_000.png"></image>

这样跑起来没问题，但是如果我在index.js中设置个对象，如下代码

data: {
    imageSrcTest:'../../common/FoodImgs/Food_000.png'
},

然后在hml页面中将image标签的src更改成对应的对象，代码如下

<image src="{{imageSrcTest}}"></image>

这样的话会导致图片显示不出来，我记得没错的话以前的previewer中的是显示的，模拟器中是不显示的，现在previewer和模拟器都不显示了，不知道是不是previewer进行对应的更新，这个就不去纠结了。

然后我直接将图片路径更换成如下代码

data: {
    imageSrcTest:'/common/FoodImgs/Food_000.png'
},

这样图片就能显示正常了， 最后总结出来如果想在js对象里面设置图片路径并让图片正常的显示，只能用/common/图片名称，如果有文件夹则用common/文件夹名/图片名称，至于为什么把图片放在common文件夹，这个是官方建议的。