Question

我目前正在为我的UI5应用程序实现模拟服务器。一切正常，这意味着我的ui5控件可以正确获取模拟数据。

我唯一仍在努力的是图像的源路径。

这里是一个例子：在XML片段中，我具有以下图像内容

<ImageContent src="images/logo_green.svg" press="navToDashboardPage"/>

当我运行正常的index.html时，可以显示图像。当我运行模拟服务器.html（位于测试文件夹中）时，路径必须类似于“ ../ images / logo_green.svg” 。

如何独立于index.html / mockserver.html设置路径？还是有办法（在xml中）确定当前正在运行哪个.html页面？

感谢您的帮助：）

Answer 1

您是否尝试将<base href="../">添加到您的模拟服务器.html中？

Answer 2

您可能需要在引导程序中调整data-sap-ui-resourceroots元素。在UI5教程中，这是index.html中的调用：

<script
        id="sap-ui-bootstrap"
        src="resources/sap-ui-core.js"
        data-sap-ui-resourceroots='{
            "sap.ui.demo.walkthrough": "./"
        }'

，这在test / mockServer.html中：

<script
        id="sap-ui-bootstrap"
        src="../resources/sap-ui-core.js"
        data-sap-ui-resourceroots='{
            "sap.ui.demo.walkthrough": "../"
        }'

我目前没有一个带有图像的示例，但是在两种情况下都正确引用了css / styles.css，所以应该是这样。

此外，如果要从本地副本而不是CDN引导，则还应该改写src路径。 sap.ui.demo.walkthrough当然应该是您应用的名称。

使用Mockserver时，UI5图像需要不同的源路径

2 个答案: