uni-app APP端使用webview打开页面报错

类别	信息
产品分类	uniapp/App
PC开发环境	Mac
PC操作系统版本	11.2.3 (20D91)
HBuilderX类型	正式
HBuilderX版本	3.0.7
手机系统	全部
手机厂商	华为
页面类型	vue
打包方式	离线
项目创建方式	HBuilderX

测试过的手机：

iPhone7（iOS13.6）
iPhone x(iOS14)
OPPO R7s(Android 10)

操作步骤：

无

预期结果：

无

实际结果：

无

bug描述：

在Mac终端使用npm run build的方式将项目编译成APP后，在App端使用webview加载下面的链接：https://biz-hotel-cdn.cypingtan.com/zt/ms/index.html#/pages/index/index，页面报错。链接已使用encodeURI()方法进行处理。该链接在小程序和浏览器中可正常打开

更多关于uni-app APP端使用webview打开页面报错的实战教程也可以访问 https://www.itying.com/category-93-b0.html

h691938207 1楼

更多关于uni-app APP端使用webview打开页面报错的实战教程也可以访问 https://www.itying.com/category-93-b0.html

在 uni-app App 端使用 webview 加载外部链接报错，可能涉及以下原因：

URL 编码问题
虽然使用了 encodeURI()，但 webview 对特殊字符（如 #）的处理可能不一致。建议改用 encodeURIComponent() 对 URL 分段编码，或直接使用标准 URL 格式。
HTTPS 与混合内容限制
若目标页面内引用了 HTTP 资源，可能触发安全拦截。检查目标页面的资源链接是否均为 HTTPS，并确保无跨域限制。
Webview 内核兼容性
不同 Android/iOS 版本的 webview 内核差异可能导致页面渲染异常。可尝试在 manifest.json 中配置使用系统 webview 或 X5 内核（仅限 Android）。

离线打包配置
离线打包时需确认 manifest.json 中已允许网络访问：

"networkTimeout": { "request": 15000 },
"app-plus": { "allowInlineMediaPlayback": true }