uni-app web-view 加载本地html文件中文显示乱码使用官方示例代码同样出现问题

产品分类：uniapp/App

PC开发环境操作系统：Windows

HBuilderX类型：Alpha

HBuilderX版本号：3.2.6

手机系统：Android

手机系统版本号：Android 10

手机厂商：华为

手机机型：HUAWEI 荣耀20s

页面类型：vue

打包方式：云端

更多关于uni-app web-view 加载本地html文件中文显示乱码使用官方示例代码同样出现问题的实战教程也可以访问 https://www.itying.com/category-93-b0.html

遇到相同的同问请大佬解决下

更多关于uni-app web-view 加载本地html文件中文显示乱码使用官方示例代码同样出现问题的实战教程也可以访问 https://www.itying.com/category-93-b0.html

很急很急

在 uni-app 的 web-view 组件中加载本地 HTML 文件出现中文乱码，通常是由于 HTML 文件的编码格式与 web-view 解析时使用的编码不一致导致的。以下是几种常见的解决方案：

检查并确保 HTML 文件编码为 UTF-8
使用文本编辑器（如 HBuilderX、VS Code 等）打开本地 HTML 文件，确认文件编码为 UTF-8。如果不是，请转换为 UTF-8 格式。
在 HTML 文件中添加 <meta> 标签声明编码
在 HTML 文件的 <head> 部分添加以下代码，明确指定字符集为 UTF-8：
```
<meta charset="UTF-8">
```
检查文件路径和加载方式
确保通过 web-view 加载本地文件时使用正确的路径。例如：
```
<web-view src="/static/local.html"></web-view>
```
文件应放在项目的 static 目录下。
确认云端打包配置
如果使用云端打包，检查是否在 manifest.json 中正确配置了本地文件的访问权限。例如：
```
"app-plus": {
  "webview": {
    "localAccess": true
  }
}
```

uni-app web-view 加载本地html文件 中文显示乱码 使用官方示例代码同样出现问题