HarmonyOS web组件接入前端vite打包的本地h5项目时遇到跨域问题

1.前端h5项目，使用vite + react开发，使用的hash路由，访问形式如：xxx./index.html/#/detail, 打包好后放入rawfile目录。

2.使用web组件去展示这个h5项目，遇到跨域问题，根据社区搜索到的解决方案（地址：https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/web-cross-origin-V5），在onInterceptRequest里面做了文件地址的替换，能展示h5页面。

现在的问题是：

1.我想指定访问的h5页面应该怎么做？访问h5项目首页，是src: “index.html”，现在想访问detail路由，地址应该是：src: ‘index.html/#/detail’，但是因为加了#号，就不能显示了。

2.不想在onInterceptRequest去处理#号，因为项目涉及到的微应用比较多，稍有不慎，会影响到一些特殊场景。

下面是部分代码：

// 访问域名，注意不要加末尾的/
private domain: string = 'xxx'
private assetsPath: string = 'dist'

private mimeTypeMap = new Map([
  ["html", "text/html"],
  ["js", "text/javascript"],
  ["css", "text/css"],
  ["json", "application/json"],
  ["xml", "application/xml"],
  ["text", "text/plain"],

  ["png", "image/png"],
  ["jpg", "image/jpeg"],
  ["gif", "image/gif"],
  ["basis", "image/basis"],
  ["ktx", "image/ktx"],
  ["ktx2", "image/ktx2"],
  ["dds", "image/dds"],

  ["wav", "audio/x-wav"],
  ["ogg", "audio/ogg"],
  ["mp3", "audio/mp3"],
  ["mp4", "audio/mp4"],
  ["aac", "audio/aac"],
  ["opus", 'audio/ogg; codecs="opus'],

  ["bin", 'application/octet-stream'],
  ["gltf", 'application/json'],
  ["glb", 'model/gltf-binary'],
  ["zip", "application/zip"],
])

Web({
  src: `${this.domain}/index.html`, // 这里需要替换为index.html/#/detail
  controller: this.controller,
  renderMode: RenderMode.SYNC_RENDER
})
  .domStorageAccess(true)
  .fileAccess(true)
  .onlineImageAccess(true)
  .javaScriptAccess(true)
  .mixedMode(MixedMode.All)
  .onInterceptRequest((event) => {
    if (!event) {
      return;
    }
    const currentUrl = event.request.getRequestUrl();
    if (currentUrl.includes(this.domain) && currentUrl.indexOf(`${this.domain}/app`) === -1) {
      let filePath = currentUrl.split(`${this.domain}/`)[1]
      let suffix = filePath.split('.')[filePath.split('.').length - 1]
      let mimeType = this.mimeTypeMap.get(suffix);
      if (typeof mimeType === 'string') {
        let response = new WebResourceResponse();
        response.setResponseData($rawfile(`${this.assetsPath}/${filePath}`));
        response.setResponseEncoding('utf-8');
        response.setResponseMimeType(mimeType);
        response.setResponseCode(200);
        response.setReasonMessage('OK');
        response.setResponseIsReady(true);
        return response;
      }
    }
    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.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.