HarmonyOS鸿蒙Next中Web组件加载超时ERR_TIMED_OUT问题分析

HarmonyOS鸿蒙Next中Web组件加载超时ERR_TIMED_OUT问题分析 通过app Web组件加载的时候出现加载超时（错误:ERR_TIMED_OUT），实际网络畅通，在浏览器可以正常访问，包括报错的url。在app访问其他域名的接口（非Web组件方式访问）也可以正常请求。后面未切换网络，重新安装app之后，网络就恢复正常。（问题偶现，不能稳定复现，但多次出现）

1、连接wifi A之后并且开启charles代理, 2、然后切换到热点wifi B（未开启代理） 3、在App跳转Web页面不能正常加载，在Web组件中onErrorReceive收到错误提示如下:

errorCode: -7 errorInfo: ERR_TIMED_OUT isMainFrame: true isRedirect: false isRequestGesture: false

核心代码片段:

```javascript
Web({ src: this.targetUrl, controller: this.webController })
  .width('100%')
  .layoutWeight(1)
  .domStorageAccess(true)
  .mixedMode(MixedMode.All)
  .javaScriptProxy(this.webManager.bridgeProxy)
  .onShowFileSelector((event) => {
    const photoSelectOptions = new picker.PhotoSelectOptions()
    let uri: string | null = null
    const photoViewPicker = new picker.PhotoViewPicker()
    photoViewPicker.select(photoSelectOptions).then((photoSelectResult) => {
      uri = photoSelectResult.photoUris[0]
      if (event) {
        event.result.handleFileList([uri])
      }
    }).catch((err: BusinessError) => {
      Log.error('WebView onShowFileSelector error:', err)
    })
    return true
  })
  .onLoadIntercept((event) => {
    //false 表示允许加载
    return this.webManager.interceptUrl(event.data.getRequestUrl()) || false;
  })
  .onRenderProcessNotResponding((event) => {
    Log.info(`WebView onRenderProcessNotResponding: reason: ${event.reason}, jsStack: ${event.jsStack}`)
  })
  .onErrorReceive((event) => {
    if (event.request.isMainFrame()) {
      ToastUtil.show('网络不给力，请稍后再试～')
    }
    this.webManager.updateLoadStatus(LoadStatus.Failed)
    this.printError(event)
    console.info(`onErrorReceive code: ${event.error.getErrorCode()}, msg: ${event.error.getErrorInfo()}`)
  })
  .onHttpErrorReceive(() => {
    Log.info('onHttpErrorReceive');
    this.webManager.updateLoadStatus(LoadStatus.Failed)
  })
  .onSslErrorEventReceive((event) => {
    event?.handler?.handleConfirm()
    Log.info(`WebView onSslErrorEventReceive: ${event?.error}`)
  })
  .onPageEnd(() => {
    this.webManager.updateLoadStatus(LoadStatus.Succeed)
  })
  .onTitleReceive((event) => {
    this.onTitleReceive?.(event.title)
  })
  .onPageBegin(() => {
    this.webManager.updateLoadStatus(LoadStatus.Loading)
    Log.info('WebView onPageBegin')
  })
  .onProgressChange((event) => {
    if (!this.isShowProcess) return
    this.currProcess = event.newProgress
    Log.log(`WebView currProcess: ${this.currProcess}`)
  })