HarmonyOS鸿蒙Next中用了webschemehandler拦截页面请求，第一个请求index.html正常返回，但是html里的script标签或者其它静态资源没有触发webschemehandler

开发者您好，目前暂不支持自定义协议访问本地资源，您可以参考如下解决方案：

解决Web组件本地资源跨域问题：在使用Web组件加载本地离线资源时，Web组件会拦截file协议和resource协议的跨域访问。所以在本地的index.html调用js文件时，需要通过设置一个路径列表，再使用file协议访问该路径列表中的资源，允许跨域访问本地文件。资源文件不能放在rawfile中，需要在resources目录下创建resfile，然后将index.html和vue.global.js导入。

示例代码如下：

//Index.ets
import { webview } from '@kit.ArkWeb'
import { AppSchemeHandler } from '../entryability/AppSchemeHandler'
import { BusinessError } from '@kit.BasicServicesKit';
@Entry
@Component
struct Index {
  appSchemeHandler?: AppSchemeHandler
  controller: webview.WebviewController = new webview.WebviewController()
  appScheme:string = "app"//not working if change this to "app"
  uiContext: UIContext = this.getUIContext();
  baseUrl:string = 'file://' + this.uiContext.getHostContext()!.resourceDir + '/index.html'

  build() {
    NavDestination() {
      Scroll() {
        Web({
          src: "",
          controller: this.controller,
        })
          .fileAccess(true)
          .javaScriptAccess(true)
          .domStorageAccess(true)
          .onlineImageAccess(true)
          .imageAccess(true)
          .geolocationAccess(true)
          .zoomAccess(true)
          .databaseAccess(true)
          .width('100%')
          .height('100%')
          .onControllerAttached(()=> {
            console.info('onControllerAttached')
            try {
              // 设置允许可以跨域访问的路径列表
              this.controller.setPathAllowingUniversalAccess([
                this.uiContext.getHostContext()!.resourceDir,
              ]);
            } catch (error) {
              console.error(
                `ErrorCode: ${(error as BusinessError).code},  Message: ${(error as   BusinessError).message}`);
            }

          })
      }
      .width('100%')
      .height('100%')
      .edgeEffect(EdgeEffect.Spring, { alwaysEnabled: true })
    }
    .title("WebViewDemoTest")
    .onReady((context) => {
      setTimeout(() => {
        this.initialize()
      }, 0)
      console.info("WebViewDemoTest", "Navigation onReady")
    })
    .onBackPressed(() => {
      try {
        if (this.controller?.accessBackward()) {
          this.controller?.backward()
          return true
        }
      } catch (error) {
        console.error(error)
      }
      return false
    })
    .height('100%')
    .width('100%')
  }

  private initialize() {
    this.appSchemeHandler = new AppSchemeHandler(this.getUIContext().getHostContext()!, this.baseUrl)
    this.controller.enableSafeBrowsing(false)
    this.controller.setWebSchemeHandler(this.appScheme, this.appSchemeHandler)
    this.controller.loadUrl(this.baseUrl)

  }
}

@Builder
export function IndexBuilder(name: string, param: Object) {
  Index()
}

// AppSchemehandle.ets
import { WebNetErrorList, webview } from '@kit.ArkWeb'
import { Context } from '@kit.AbilityKit'
import { FileUtil } from './ResFileUtil'

export class AppSchemeHandler extends webview.WebSchemeHandler {
  private baseUrl:string
  private contextRef:WeakRef<Context>

  private onRequestStartCallback = (request: webview.WebSchemeHandlerRequest, handler: webview.WebResourceHandler) => {
    if ( request.getRequestMethod() == 'GET' && request.getRequestUrl() &&
    request.getRequestUrl().startsWith(this.baseUrl)) {
      let url = request.getRequestUrl()
      let requestFile = url.slice(this.baseUrl.length)
      let hashIndex = requestFile.indexOf("#")
      if (hashIndex >= 0) {
        requestFile = requestFile.slice(0, hashIndex)
      }
      console.log("WebViewDemoTest", "AppSchemeHandler onRequestStart", url)
      // if (requestFile == '' || requestFile == '/') {
      //   requestFile = 'index.html'
      // }
      // if (requestFile.startsWith("/")) {
      //   requestFile = requestFile.slice(1)
      // }
      const filePath = this.baseUrl;
      if (FileUtil.exists(filePath)) {
        try {
          let data = FileUtil.read(filePath)
          if (data) {
            let response = new webview.WebSchemeHandlerResponse()
            response.setNetErrorCode(WebNetErrorList.NET_OK)
            response.setStatus(200)
            response.setStatusText("OK")
            response.setMimeType(FileUtil.getMimeType(filePath))
            response.setEncoding("utf-8")
            handler.didReceiveResponse(response)
            handler.didReceiveResponseBody(data)
            handler.didFinish()
            console.log("WebViewDemoTest", "send file", requestFile, data.byteLength)
            return true
          }
        } catch (error) {
          console.error("WebViewDemoTest", "Failed to get local file", requestFile, error)
        }
      }
    }

    return false
  }

  private onRequestStopCallback = (request: webview.WebSchemeHandlerRequest) => {
    console.info("WebViewDemoTest", "[schemeHandler] onRequestStop")
  }

  constructor(context:Context, baseUrl:string) {
    super()
    this.contextRef = new WeakRef<Context>(context)
    this.baseUrl = baseUrl
    this.onRequestStart(this.onRequestStartCallback)
    this.onRequestStop(this.onRequestStopCallback)
  }

}

如果您还是想要实现自定义协议访问本地资源，需要您提供如下信息：

请问您是在什么样的业务场景中使用该能力，交互流程是怎样的，在哪一个环节遇到了问题？方便说明能力不满足可能带来的影响：什么时间用到？是否高频？有无三方库可以做到？若提供该能力，是否会造成大工作量返工？请您注意提供的内容不要包含您或第三方的非公开信息，如给您带来不便，敬请谅解。