鸿蒙Next开发中如何添加usenormalizedohmurl: true配置

在鸿蒙Next开发中，我想在配置中添加usenormalizedohmurl: true参数，但不知道具体应该在哪里设置。请问这个配置是放在config.json文件中，还是需要通过其他方式实现？能否提供一个示例说明如何正确添加这个配置？

2 回复

在鸿蒙Next中，想开启usenormalizedohmurl: true？简单！在app.json5的router配置里加上它就行，就像给代码加点魔法调料，让路由更丝滑～

更多关于鸿蒙Next开发中如何添加usenormalizedohmurl: true配置的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


在鸿蒙Next（HarmonyOS NEXT）开发中，usenormalizedohmurl: true 配置通常用于设置 Web 组件（如 <Web>）的 URL 规范化行为，确保加载的 URL 符合标准格式。以下是添加该配置的步骤：

  1. 在 resources/base/profile/main_pages.json 中配置 Web 组件： 在页面 JSON 配置文件中，为 Web 组件添加 usenormalizedohmurl 属性并设为 true。

    示例代码：

    {
  "src": "pages/Index",
  "name": "index",
  "window": {
    "designWidth": 720,
    "autoDesignWidth": false
  },
  "ability": "EntryAbility",
  "page": {
    "data": {
      "@string/web_url": "https://example.com"
    },
    "attributes": {
      "usenormalizedohmurl": true
    }
  }
}

  2. 在页面布局文件（如 index.hml）中使用 Web 组件： 在 HML 文件中，通过数据绑定动态设置 URL 和属性。

    示例代码：

    <div class="container">
  <web src="{{ $t('web_url') }}" usenormalizedohmurl="true"></web>
</div>

  3. 在 resources/base/element/string.json 中定义 URL（可选）： 如果 URL 通过资源引用，需在字符串资源文件中配置。

    示例代码：

    {
  "string": [
    {
      "name": "web_url",
      "value": "https://example.com"
    }
  ]
}

注意事项：

  • 确保鸿蒙SDK版本支持此属性（建议使用最新版本）。
  • 如果配置后无效，检查控制台日志排查问题。
  • 此配置主要用于提升 URL 处理的安全性和一致性。

通过以上步骤，即可在鸿蒙Next应用中启用 URL 规范化功能。

回到顶部