HarmonyOS 鸿蒙Next web组件拦截设置header请求头无效

在web组件加载在线网址时，我们需要拦截并设置一个自定义请求头参数，在onLoadIntercept方法中拦截之后，重新调用loadUrl并设置了自定义的请求头参数header。
随后在onLoadIntercept方法以及onInterceptRequest方法中对请求头header进行打印，发现都没有成功设置之前添加的自定义请求头。

实现demo如下：

import web_webview from ‘@ohos.web.webview’
import { WebHeader } from ‘@kit.ArkUI’

@Component
export struct Html5Page {
controller: web_webview.WebviewController = new web_webview.WebviewController();
a = true;
build() {
Column() {
Web({src: ‘’, controller: this.controller})
.width(‘100%’)
.height(‘100%’)
.javaScriptAccess(true)
.domStorageAccess(true)
.horizontalScrollBarAccess(false)
.verticalScrollBarAccess(false)
.copyOptions(CopyOptions.LocalDevice) // 设置支持设备内复制内容
.onControllerAttached(() => {
this.controller.loadUrl(‘https://www.baidu.com’);
})
.onInterceptRequest((event) => {
if (!event) {
return;
}
console.debug(onInterceptRequest, header = ${JSON.stringify(event.request.getRequestHeader())});
return null;
})
.onLoadIntercept((event)=>{
console.debug(onLoadIntercept, url: ${event.data.getRequestUrl()} \n header: ${JSON.stringify(event.data.getRequestHeader())});
if(this.a) {
this.a = false;
let referer = ‘https://mall.qnniu.com/’;
const header: WebHeader = {headerKey: ‘referer’, headerValue: referer};
console.debug(onLoadIntercept, WebHeader: ${JSON.stringify(header)});
this.controller.loadUrl(event.data.getRequestUrl(), [header]);
return true;
}
return false
});
}
.width('100%')
.height('100%')
}
}