HarmonyOS Web组件加载太慢

重写Web组件的onInterceptRequest方法，当Web组件加载url之前会触发该回调，用于拦截url并返回响应数据。请在这里判断url中是否有图片等可以缓存的数据，如果数据可缓存，则可保存在应用的缓存目录下，这样等下次再有加载相同的url的时候就可以拿到缓存直接返回数据。

参考伪代码：

Web.onInterceptRequest((event) => {
  if (event) {
    // 加载本地图片
    if ("xxxxxxx" == event.request.getRequestUrl()) {
      if(有缓存){
        const resourceMgr = getContext().resourceManager;
        // 模拟读取了应用的一张图片
        resourceMgr.getMediaContent($r("app.media.1")).then((picBytes) => {
          this.responseWeb.setResponseData(picBytes.buffer);
          this.responseWeb.setResponseEncoding('utf-8');
          this.responseWeb.setResponseMimeType('text/html');
          this.responseWeb.setResponseCode(200);
          this.responseWeb.setReasonMessage('OK');
          this.responseWeb.setResponseIsReady(true);
        })
      }else{
        // 1.利用fs.write缓存数据，

        // 2. 模拟读取了应用的一张图片并返回数据
        const resourceMgr = getContext().resourceManager;
        resourceMgr.getMediaContent($r("app.media.1")).then((picBytes) => {
          this.responseWeb.setResponseData(picBytes.buffer);
          this.responseWeb.setResponseEncoding('utf-8');
          this.responseWeb.setResponseMimeType('text/html');
          this.responseWeb.setResponseCode(200);
          this.responseWeb.setReasonMessage('OK');
          this.responseWeb.setResponseIsReady(true);
        })
      }

      this.responseWeb.setResponseIsReady(false);
      return this.responseWeb
    }
  }
  return null;
})
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.

代码中一个重要的点是返回response的时候可先设置setResponseIsReady(false);代表资源还未准备好，等准备好之后再设置setResponseIsReady(true);