部署到Launchpad后SAP UI5应用图片报404问题求助

• 改用UI5资源加载机制获取路径
  Launchpad环境下相对路径易因上下文路径变化失效，不要直接写./images/xxx.png，用sap.ui.require.toUrl生成正确路径：

  // 控制器中获取图片路径示例
  const sImagePath = sap.ui.require.toUrl("sap.ui.demo.walkthrough") + "/images/your-image.png";
  // 将路径赋值给图片控件的src属性
  

• 同步manifest.json的资源配置
  仅在index.html设置data-sap-ui-resourceroots可能在Launchpad不生效，需在manifest.json中同步配置：

  "sap.ui5": {
    "resourceRoots": {
      "sap.ui.demo.walkthrough": "./"
    }
    // 其他配置项...
  }
  

• 检查部署完整性与权限
  确认部署到Launchpad时images文件夹及图片文件被完整打包上传，可通过Launchpad应用管理界面查看文件结构。同时检查当前用户是否有权限访问应用静态资源。

• 使用UI5官方Image控件
  避免直接写原生<img>标签，改用sap.m.Image控件，让UI5资源加载器处理路径解析：

  <!-- XML视图示例 -->
  <Image src="{path: '', formatter: '.getImagePath'}" />
  

  控制器中实现路径格式化方法：

  getImagePath: function() {
    return sap.ui.require.toUrl("sap.ui.demo.walkthrough") + "/images/your-image.png";
  }
  

• 清除Launchpad缓存
  浏览器或Launchpad可能缓存旧配置，尝试清除浏览器缓存，或通过Launchpad右上角刷新按钮重启应用，确保新配置生效。

内容的提问来源于stack exchange，提问作者Manu Janardhanan