鸿蒙开发者社区

WOT技术大会

公众号矩阵

移动端

短视频免费课程课程排行直播课软考学堂

全部课程厂商认证 IT技术 24年11月软考 PMP项目管理免费题库

文章资源问答课堂专栏直播

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

鸿蒙开发者社区

登录/注册
51CTO

中国优质的IT技术网站

51CTO博客

专业IT技术创作平台

51CTO学堂

IT职业在线教育平台

活动短视频专栏极客Show 鸿蒙技术特刊

HarmonyOS Web组件是否支持修改在线h5网页的请求头

HarmonyOS Web组件是否支持修改在线h5网页的请求头，因为项目中所有h5都是一个通用的页面管理的，目前值看到了loadUrl 可以设置请求头，但是loadUrl好像不适用

HarmonyOS

2024-09-02 09:54:31

浏览

赞

收藏 0

回答 1

待解决

回答 1

按赞同

/

按时间

您这边可以尝试在onLoadIntercept里拦截下请求，并通过Set判断请求是否已经拦截过，从而修改在线h5网页的请求头，

您看下如下代码能否实现您的需求~

import web_webview from '@ohos.web.webview' 
@Entry 
@Component 
struct WebHead { 
  controller: web_webview.WebviewController = new web_webview.WebviewController(); 
  private hasCustomHeader: Set<string> = new Set() 
  build() { 
    Column() { 
      Web({ src: $rawfile('local.html'), controller: this.controller }) 
        .onLoadIntercept((event) => { 
          console.info("test--", 'onLoadIntercept url:' + event.data.getRequestUrl()); 
          const url = event.data.getRequestUrl(); 
          if (!url.startsWith("https")) return false; 
          if (this.hasCustomHeader.has(url)) { 
            this.hasCustomHeader.delete(url) 
            return false 
          } 
          this.controller.loadUrl(url, [{ 
            headerKey: 'test', 
            headerValue: '123456' 
          }]) 
          this.hasCustomHeader.add((url)) 
          return true 
        }) 
        .onInterceptRequest((event) => { 
          if (event) { 
            console.info("test--", 'onInterceptRequest url:' + event.request.getRequestUrl()); 
            console.log("test--", '请求头信息:' + JSON.stringify(event.request.getRequestHeader())) 
          } 
          return null 
        }) 
        .width('100%') 
        .height('50%') 
    } 
  } 
}
<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8"> 
</head> 
<body> 
<div id="root"> 
    这是第一个页面 
    <a href="https://www.huawei.com/test.html">点击这里跳转到目标HTML文件</a> 
</div> 
</body> 
</html>

回复

2024-09-02 17:56:17

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

发布

相关问题

HarmonyOS Web组件加载的h5网页如何获取到网页的window对象？

141浏览 • 1回复待解决

HarmonyOS H5网页如何拉起HarmonyOS 应用？

62浏览 • 1回复待解决

HarmonyOS Web组件加载在线H5页面

137浏览 • 1回复待解决

app内嵌入H5网页登录储存

335浏览 • 1回复待解决

HarmonyOS web组件加载h5，h5拉起摄像头

463浏览 • 1回复待解决

h5网页中从cookie中同步登录状态比较慢

619浏览 • 1回复待解决

Web组件和h5页面如何交互？

133浏览 • 1回复待解决

HarmonyOS web组件H5页面如何选择手机图片视频

351浏览 • 1回复待解决

HarmonyOS web.webview 嵌套H5(网页)相互通信

439浏览 • 1回复待解决

HarmonyOS h5页面是否可以适配Harmony OS

390浏览 • 1回复待解决

如何设置Web组件加载的H5页面禁用手势缩放

2291浏览 • 1回复待解决

HarmonyOS web与H5交互

523浏览 • 1回复待解决

怎么禁止Web组件加载的H5页面长按复制粘贴功能？

136浏览 • 1回复待解决

HarmonyOS h5页面缩放问题

414浏览 • 0回复待解决

HarmonyOS 请求头信息修改

36浏览 • 1回复待解决

在Web组件的H5页面中，如何使用a标签实现打开各种页面

1930浏览 • 1回复待解决

HarmonyOS H5页面如何得知当前是否处于深色模式

436浏览 • 1回复待解决

HarmonyOS H5页面加载缓存机制

177浏览 • 1回复待解决

HarmonyOS web折叠屏展示h5页面进入时会放大

408浏览 • 1回复待解决

HarmonyOS 如何清理Web组件h5往localStorage写的数据

370浏览 • 1回复待解决

h5页面怎么判断是否安装了某个应用？

171浏览 • 1回复待解决

web组件如何设置请求头

262浏览 • 1回复待解决

HarmonyOS h5页面通过文件加载的方式是否存在权限漏洞？

115浏览 • 1回复待解决

H5中的图片在Web组件中显示异常

130浏览 • 1回复待解决

HarmonyOS 如何监听Web加载的h5页面滚动到了最底部？

128浏览 • 1回复待解决

提问

该提问已有0人参与，帮助了0人

相关讨论帖

基于Web组件的H5页面切换类点击操作响应时延问题分析思路&案例 0回复

基于Web组件的H5页面切换类点击操作响应时延问题分析思路&案例 0回复

HarmonyOS - JavaUI 框架之使用WebView加载本地H5页面 1回复

H5页面调起第三方App 0回复

在HarmonyOS上实现ArkTS与H5的交互 0回复

Copyright © 2005-2024 51CTO.COM 京ICP证060544版权所有未经许可请勿转载