HarmonyOS 关于web页面触发POST请求时添加header的问题

首次加载时通过loadurl指定了header, web页内二次跳转时触发了页面内的post请求,在post请求时需要添加header信息

HarmonyOS
1天前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
put_get

当前web已支持postUrl方法,参考链接:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/js-apis-webview-V5#posturl11

因为当前没有办法模拟POST请求,无法测试,请参考一下这段代码

import web_webview from '@ohos.web.webview'

class TestObj {
  constructor() {
  }

  test(str: string): ArrayBuffer {
    let buf = new ArrayBuffer(str.length);
    let buff = new Uint8Array(buf);

    for (let i = 0; i < str.length; i++) {
      buff[i] = str.charCodeAt(i);
    }
    return buf;
  }
}

@Entry
@Component
export struct WebAjaxPage {
  @State loadUrl: string = "http://index.org/get"
  @State testObjtest: TestObj = new TestObj();
  isFirstPageLoaded: boolean = false
  loadTimes: number = 0;
  private webViewController: WebviewController = new web_webview.WebviewController();

  onBackPress() {
    if (this.canBackHistory()) {
      this.webViewController.backward();
      return true
    } else {
      return false
    }
  }

  canBackHistory(): boolean {
    try {
      return this.webViewController !== undefined && this.webViewController.accessBackward()
    } catch (error) {
      return false
    }
  }

  loadUrlWithHeader() {
    let headers = new Array<web_webview.WebHeader>()
    // 这些header可以在第二个页面显示出来
    headers.push({ headerKey: 'AUTHORIZATION', headerValue: 'Custom Header Info' })
    this.webViewController.loadUrl(this.loadUrl, headers)
  }

  PostUrlWithHeader() {
    let postData = this.testObjtest.test("Name=test&Password=test");
    this.webViewController.postUrl(this.loadUrl, postData)
  }

  build() {
    Column() {
      Button("点击当前网页任意一个跳转链接(模拟二次跳转)")
      Web({ src: "https://www.huawei.com", controller: this.webViewController })
        .onLoadIntercept(event => {
          if (!event){
            return
          }
          if (event.data.getRequestMethod()=='GET'){
            // TODO 可以在这里读取指定的url添加header再加载。这里模拟点击当前百度网页任意一个跳转链接,均使用header跳转到指定页面。在第二个页面可以看到添加的指定的header内容
            if (this.isFirstPageLoaded) {
              this.isFirstPageLoaded = false;
              this.loadUrlWithHeader()
              return true;
            }else {
              if (this.isFirstPageLoaded) {
                this.isFirstPageLoaded = false;
                this.PostUrlWithHeader()
                return true;
              }
            }
          }

          return false
        })
        .onPageEnd(() => {
          if (this.loadTimes == 0) {
            this.isFirstPageLoaded = true;
          }
        })
        .width('100%').height("100%")
    }
    .width('100%')
    .height('100%')
  }
}
分享
微博
QQ
微信
回复
1天前
相关问题
HarmonyOS http 请求 post 参数问题
1097浏览 • 1回复 待解决
HarmonyOS Web组件如何附加请求header
93浏览 • 1回复 待解决
HarmonyOS webview怎么添加header
31浏览 • 1回复 待解决
HarmonyOS RN项目下http请求header问题
37浏览 • 1回复 待解决
HarmonyOS POST请求传参
97浏览 • 1回复 待解决
HarmonyOS Web 触发新窗口卡住
74浏览 • 1回复 待解决
HarmonyOS 关于Web调试问题
263浏览 • 1回复 待解决
Waterflow怎么添加header能力?
473浏览 • 1回复 待解决
HarmonyOS http post请求参数传递
91浏览 • 1回复 待解决
HarmonyOS 关于rcp请求封装问题
86浏览 • 1回复 待解决
返回页面触发aboutToAppear
3677浏览 • 1回复 待解决
HamonyOS 设置webview请求header
588浏览 • 1回复 待解决
没有专类Post请求接口公共请求
2987浏览 • 1回复 待解决