HarmonyOS Web组件，离线包方案

Web({ src:'https://test.index.html/', controller: this.controller }) 
  .onInterceptRequest((event) => { 
    let url: string = '' 
    if (event) { 
      url = event.request.getRequestUrl() 
      console.log('url---:' + event.request.getRequestUrl()) 
    } 
    let head1: Header = { 
      headerKey: "Connection", 
      headerValue: "keep-alive" 
    } 
    let head2: Header = { 
      headerKey: "Cache-Control", 
      headerValue: "no-cache" 
    } 
    this.heads.push(head1) 
    this.heads.push(head2) 
    if (url == 'https://test.index.html/fakao/') { 
      console.log('d:'+this.currentPath) 
      const file = fs.openSync(this.currentPath+ '/index.html',fs.OpenMode.READ_ONLY); 
      this.responseweb.setResponseHeader(this.heads) 
      this.responseweb.setResponseData(file.fd) //$rawfile('dist/index.html') 
      this.responseweb.setResponseEncoding('utf-8') 
      this.responseweb.setResponseMimeType('text/html') 
      this.responseweb.setResponseCode(200) 
      this.responseweb.setReasonMessage('OK') 
      return this.responseweb 
    } 
    else if (url.endsWith('css') || url.endsWith('js')) { 
      const result = extractFileNameAndExtension(url) 
      try { 
        console.log('c:'+`${this.currentPath}/${result.fileName}.${result.extension}`) 
        const file = fs.openSync(`${this.currentPath}/${result.fileName}.${result.extension}`,fs.OpenMode.READ_ONLY); 
        this.responseweb.setResponseHeader(this.heads) 
        this.responseweb.setResponseData(file.fd) //$rawfile('dist/'+result.fileName+'.'+result.extension) 
        this.responseweb.setResponseEncoding('utf-8') 
        this.responseweb.setResponseMimeType(result.mimeType) 
        this.responseweb.setResponseCode(200) 
        this.responseweb.setReasonMessage('OK') 
        return this.responseweb 
      } catch (e) { 
        console.log('er:'+`${this.currentPath}/${result.fileName}.${result.extension}`) 
        return null 
      } 
    }else if (url.endsWith('png') || url.endsWith('jpg')) { 
      //图片做替换 
      return null 
    }else { 
      //其他 
      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.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.