HarmonyOS vue项目网页在Web组件无法展示？

Question

vue项目网页在Web组件无法展示，在手机系统浏览器是可以正常展示的。需要对web组件做什么配置？

Answer 1

参考demo：

import { webview } from '@kit.ArkWeb';

@Entry
@Component
struct WebComponent
{
  controller: webview.WebviewController = new webview.WebviewController();
  aboutToAppear() {
    // 配置Web开启调试模式
    webview.WebviewController.setWebDebuggingAccess(true);
  }
  build() {
    Column() {
      Web({ src: 'xxxx', controller: this.controller })
        .mixedMode(MixedMode.All)
        .domStorageAccess(true)
        .javaScriptAccess(true)
        .zoomAccess(false)
        .fileAccess(true)
    }
  }
}