f***@aliyun.com

发布：2024-02-28 19:00
更新：2025-03-14 14:07
阅读：853

【报Bug】 vue3打包h5，文件协议访问白屏

分类：uni-app

bug反馈

产品分类： uniapp/H5

PC开发环境操作系统： Windows

PC开发环境操作系统版本号： windows10

HBuilderX类型：正式

HBuilderX版本号： 3.99

浏览器平台： Chrome

浏览器版本：无

项目创建方式： HBuilderX

示例代码：

"h5" : {  
    "router" : {  
        "base" : "./",  
        "mode" : "hash"  
    }  
}

操作步骤：

hbuilderx创建uniapp空白项目（选择vue3） -> 修改manifest.json为下面的配置 -> 打包-> 网站或者手机h5 ->把index.html以文件的方式放到浏览器访问 -> 白屏

预期结果：

vue3版本的文件协议的可以正常在浏览器浏览

实际结果：

白屏，有报错

bug描述：

问题描述： uniapp空白项目，选vue3，manifest.json配置base为./ ，然后打包-> 网站或者手机h5 , 打包完成后，把index.html放到浏览器浏览，白屏。

复现步骤：hbuilderx创建uniapp空白项目（选择vue3） -> 修改manifest.json为下面的配置 -> 打包-> 网站或者手机h5 ->把index.html以文件的方式放到浏览器访问 -> 白屏

"h5" : {  
    "router" : {  
        "base" : "./",  
        "mode" : "hash"  
    }  
}

2024-02-28 19:00 负责人:无分享

3 个回复

喜欢技术的前端 - QQ---445849201

打包的H5,不支持直接协议访问的，可以利用vite 加插件的方式进行配置 https://juejin.cn/post/7237782663936327737

f***@aliyun.com (作者)

我不管，官方问题，官方应该修复

2024-02-29 08:57

YUANRJ

vite不支持使用file协议访问，具体原因参考 vite文档，解决方案可以在本地启动一个服务(http-server)。如果仍要通过file协议访问，可以参考楼上的回复。

aak12345

我这边也遇到这个问题，我这边是android混合开发的，我直接在android webview那里设置 settings.setAllowUniversalAccessFromFileURLs(true);
settings.setAllowFileAccessFromFileURLs(true);
settings.setAllowFileAccess(true);，我看官方是不打算解决的了，还不如直接修改android webview。

要回复问题请先登录或注册

【报Bug】 vue3打包h5，文件协议访问白屏

示例代码：

`"h5" : { "router" : { "base" : "./", "mode" : "hash" } }`

操作步骤：

hbuilderx创建uniapp空白项目（选择vue3） -> 修改manifest.json为下面的配置 -> 打包-> 网站或者手机h5 ->把index.html以文件的方式放到浏览器访问 -> 白屏

预期结果：

vue3版本的文件协议的可以正常在浏览器浏览

实际结果：

白屏，有报错

bug描述：

3 个回复

公告

相关问题

【报Bug】 vue3打包h5，文件协议访问白屏

示例代码： "h5" : { "router" : { "base" : "./", "mode" : "hash" } }

操作步骤： hbuilderx创建uniapp空白项目（选择vue3） -> 修改manifest.json为下面的配置 -> 打包-> 网站或者手机h5 ->把index.html以文件的方式放到浏览器访问 -> 白屏

预期结果： vue3版本的文件协议的可以正常在浏览器浏览

实际结果： 白屏，有报错

bug描述：

与内容相关的链接

3 个回复

公告

相关问题

示例代码：

`"h5" : { "router" : { "base" : "./", "mode" : "hash" } }`

操作步骤：

hbuilderx创建uniapp空白项目（选择vue3） -> 修改manifest.json为下面的配置 -> 打包-> 网站或者手机h5 ->把index.html以文件的方式放到浏览器访问 -> 白屏

预期结果：

vue3版本的文件协议的可以正常在浏览器浏览

实际结果：

白屏，有报错