鸿蒙开发者社区

WOT技术大会

公众号矩阵

移动端

短视频免费课程课程排行直播课软考学堂

全部课程厂商认证 IT技术 25年5月软考 PMP项目管理免费题库

文章资源问答课堂专栏直播

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

鸿蒙开发者社区

登录/注册
51CTO

中国优质的IT技术网站

51CTO博客

专业IT技术创作平台

51CTO学堂

IT职业在线教育平台

活动短视频专栏极客Show 鸿蒙技术特刊

HarmonyOS webview组件跨域问题

webview不支持本地html调用远程服务接口，https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/web-cross-origin-V5 提供的解决方案无法解决在url地址后面带参数问题。比如要打开的页面为本地的页面index.html，需要在url后面追加参数a=1&b=2,则完整的本地url地址为index.html?a=1&b=2，通过上述方案无法拿到a=1&b=2

HarmonyOS

2025-01-09 17:51:56

浏览

赞

收藏 0

回答 1

待解决

回答 1

按赞同

/

按时间

可以将文件放在resfile目录下，参考下方demo，设置允许跨域访问的目录。

文档链接：https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/js-apis-webview-V5#setpathallowinguniversalaccess12

// xxx.ets
import { webview } from '@kit.ArkWeb';
import { BusinessError } from '@kit.BasicServicesKit';

@Entry
@Component
struct WebComponent {
  controller: WebviewController = new webview.WebviewController();

  build() {
    Row() {
      Web({ src: "resource://resfile/index.html?id=1&name=222", controller: this.controller })
        .onControllerAttached(() => {
          try {
            // 设置允许可以跨域访问的路径列表
            this.controller.setPathAllowingUniversalAccess([
              getContext().resourceDir,
              getContext().filesDir + "/example"
            ])
            // this.controller.loadUrl("file://" + getContext().resourceDir + "/index.html")
          } catch (error) {
            console.error(`ErrorCode: ${(error as BusinessError).code},  Message: ${(error as BusinessError).message}`);
          }
        })
        .javaScriptAccess(true)
        .fileAccess(true)
        .domStorageAccess(true)
    }
  }
}


<!-- main/resources/resfile/index.html -->
  <html>
  <head>
  <meta name="viewport" content="width=device-width,initial-scale=1">
  </head>
  <body>
  <script crossorigin src="./js/script.js"></script>
  </body>
  </html>


  // main/resources/resfile/js/script.js
  const body = document.body;
const element = document.createElement('div');
element.textContent = 'success';
body.appendChild(element);
let p=window.location.search
console.info('Parameter:'+p)

回复

2025-01-09 19:55:10

如何写精华回答，获更多曝光？

发布

相关问题

HarmonyOS webview跨域问题

1127浏览 • 1回复待解决

HarmonyOS webview是否支持跨域

429浏览 • 1回复待解决

HarmonyOS 本地webView跨域方案

1486浏览 • 1回复待解决

HarmonyOS Web组件跨域请求问题

661浏览 • 1回复待解决

webview中跨域问题解决方案

3301浏览 • 1回复待解决

HarmonyOS Web组件本地资源跨域问题

243浏览 • 1回复待解决

HarmonyOS web资源跨域问题

278浏览 • 1回复待解决

HarmonyOS web组件关闭跨域拦截

252浏览 • 1回复待解决

HarmonyOS web离线加载请求跨域问题

918浏览 • 1回复待解决

Web组件如何访问跨域资源？

629浏览 • 1回复待解决

HarmonyOS Web组件无法跨域加载图片资源

348浏览 • 1回复待解决

跨域请求问题（HarmonyOS的跨域判断机制相对于业界是否有特别处理）

2090浏览 • 1回复待解决

#鸿蒙通关秘籍#如何解决Web组件本地资源跨域问题？

497浏览 • 1回复待解决

iframe标签 src内部访问top跨域问题

565浏览 • 1回复待解决

HarmonyOS Web跨域问题 Access-Control-Allow-Origin

265浏览 • 1回复待解决

HarmonyOS Web组件跨域场景，网络请求无法设置Cookie

591浏览 • 1回复待解决

HarmonyOS web组件加载本地离线包的cookie跨域

565浏览 • 1回复待解决

HarmonyOS 加载图片报跨域错误

125浏览 • 1回复待解决

HarmonyOS web加载file://协议的图片文件，提示跨域问题

828浏览 • 1回复待解决

HarmonyOS Web组件加载本地H5文件跨域

582浏览 • 1回复待解决

HarmonyOS Web本地资源跨域加载异常

212浏览 • 1回复待解决

HarmonyOS Web组件加载本地H5页面，页面中接口请求被跨域规则限制，如何解除跨域限制

244浏览 • 1回复待解决

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

268浏览 • 1回复待解决

HarmonyOS web加载本地h5页面的网络请求跨域问题

328浏览 • 1回复待解决

HarmonyOS 作用域问题

311浏览 • 1回复待解决

提问

该提问已有0人参与，帮助了0人

相关讨论帖

#HarmonyOS NEXT 体验官#了解 webview 请求拦截防止 cors 跨域 0回复

JS笔记之跨域 1回复

后端工程师的「跨域」之旅（一） 0回复

后端工程师的「跨域」之旅（二） 0回复

ArkWeb网络安全基础 - 跨域请求与解决方案 0回复

Copyright © 2005-2025 51CTO.COM 京ICP证060544版权所有未经许可请勿转载