Web组件如何访问本地的资源文件，并添加查询参数

HarmonyOS

cbaby

2024-03-17 17:47:50

浏览

回答 1

待解决

回答 1

按赞同

按时间

小小肉蟹

本地资源文件可存放在模块的“src\main\resources\rawfile”文件夹下，在ets文件中通过$rawfile('文件名')访问。

目前不支持直接添加查询参数，可以通过Web组件加载一个HTML文件，通过window.location.href跳转到带有参数的本地HTML页面。具体可参考示例代码：

import { webview } from '@kit.ArkWeb'; 
 
@Entry 
@Component 
struct WebComponent { 
  controller: webview.WebviewController = new webview.WebviewController(); 
 
  build() { 
    Column() { 
      Web({ src: $rawfile('index.html'), controller: this.controller }) 
        .javaScriptAccess(true) 
    } 
  } 
}

在“src\main\resources\rawfile”文件夹下创建index.html文件和details.html。

index.html：

<!DOCTYPE html> 
<html> 
<head> 
    <script type="text/javascript"> window.onload = function() { window.location.href = "details.html"; } 
    </script> 
</head> 
<body></body> 
</html>

details.html：

<!DOCTYPE html> 
<html> 
<head><title>详情页</title></head> 
<body><h1>欢迎来到详情页！</h1> 
<p>您已成功从首页跳转到此页，并在URL中添加了参数。</p></body> 
</html>

2024-03-18 21:26:32

如何写精华回答，获更多曝光？

发布

相关问题

Web组件访问本地资源并传递参数。

1559浏览 • 1回复待解决

HarmonyOS 资源文件无法跨模块访问

1279浏览 • 1回复待解决

Web组件如何访问跨域资源？

1171浏览 • 1回复待解决

如何获取HSP的资源文件

3340浏览 • 1回复待解决

HarmonyOS Web组件，怎么拦截url并加载本地文件

1214浏览 • 1回复待解决

创建的library module 无法访问资源文件咋回事啊？

3312浏览 • 1回复待解决

HarmonyOS web组件内的html如何加载本地资源？

2353浏览 • 1回复待解决

如何获取资源文件的全路径

2758浏览 • 1回复待解决

鸿蒙如何获取资源文件种的路径

18201浏览 • 3回复待解决

HarmonyOS 如何读取Module中的资源文件？

1088浏览 • 1回复待解决

#鸿蒙通关秘籍#如何在鸿蒙系统中处理依赖本地资源文件的场景？

1166浏览 • 1回复待解决

HarmonyOS Image组件设置了本地资源文件后，可以动态修改图片的颜色吗

720浏览 • 1回复待解决

HarmonyOS Web组件本地资源跨域问题

725浏览 • 1回复待解决

HarmonyOS 如何读取资源文件中的strarray？

1583浏览 • 1回复待解决

如何使用Web组件加载本地的html文件？

2083浏览 • 1回复待解决

HarmonyOS web组件如何拉起vue或者react的本地js资源

1069浏览 • 1回复待解决

ArkTS如何自定义资源文件

3532浏览 • 1回复待解决

如何获取profile路径下资源文件？

2635浏览 • 1回复待解决

HarmonyOS Har包如何应用AppScope的资源文件？

1192浏览 • 1回复待解决

资源组目录element包含多少种资源文件？

1372浏览 • 1回复待解决

HarmonyOS 关于获取资源文件数值的问题

936浏览 • 1回复待解决

不同渠道版本加载不同资源文件的方式

1045浏览 • 1回复待解决

自定义资源文件怎么读取？

3323浏览 • 1回复待解决

#鸿蒙通关秘籍#如何解决Web组件本地资源跨域问题？

1258浏览 • 1回复待解决

HarmonyOS Web组件自定义协议加载本地资源报错

1013浏览 • 1回复待解决

51CTO

51CTO博客

51CTO学堂

Web组件如何访问本地的资源文件，并添加查询参数

订阅鸿蒙技术特刊，精选内容抢先看