当传入 url 为 file:// 协议时，micro-app 报错

[chenhuang444]

问题描述

当传入 micro-app 的 url 参数为 file:// 协议的路径时，会报错。

复现步骤

1. 使用 electron，取消 websecurity 等禁止访问本地文件的报错措施
2. 创建 <micro-app /> 元素
3. url 指向 file:// 协议的本地 index.html 文件

上传截图

复现仓库

https://github.com/chenhuang444/micro-app-example/tree/demo/file-protocol

1. pnpm install
2. pnpm dev (会自动编译子应用，开启主应用 server，并启动 electron 应用)

环境信息

• micro-app版本：1.0.0-rc.26
• 主应用前端框架&版本：react@18.3.1
• 子应用前端框架&版本：react@18.3.1
• 构建工具&版本
  • 主应用：vite@5.4.10
  • 子应用：rsbuild@1.1.8
  • electron@26.6.10

[chenhuang444]

#1600 这个 MR 可以修复该问题。

主要使用场景：electron, 移动端 webview 主应用中加载已经下载到本地的子应用 webapp 资源包