Ionic 7 Cordova项目使用-l livereload报错ERR_EMPTY_RESPONSE求助

针对你遇到的ionic cordova run android -l启动后出现「ERR_EMPTY_RESPONSE」，但添加--external会导致navigator.mediaDevices失效的问题，以下是可行的解决方法：

核心原因 #

• 直接使用-l时，Cordova WebView无法访问电脑的localhost服务，导致空响应
• 添加--external后，页面通过局域网IP的HTTP协议加载，不属于安全上下文，而navigator.mediaDevices仅在localhost或HTTPS环境下可用

方案1：配置Cordova WebView允许访问localhost #

1. 打开项目根目录的config.xml，在<platform name="android">节点下添加以下配置：

   <allow-navigation href="http://localhost:*" />
   <allow-navigation href="http://127.0.0.1:*" />
   <preference name="Hostname" value="localhost" />
   <preference name="AndroidInsecureFileModeEnabled" value="true" />
   

2. 清理旧构建文件并重新运行：

   ionic cordova clean android
   ionic cordova run android -l
   

方案2：启用HTTPS模式的Live Reload（确保安全上下文） #

通过HTTPS提供Live Reload服务，既解决WebView访问问题，又满足navigator.mediaDevices的安全上下文要求：

1. 直接启用SSL运行Live Reload：

   ionic cordova run android -l --ssl
   

2. 证书信任处理：
   • 找到Ionic自动生成的SSL证书（路径通常为node_modules/@ionic/angular-toolkit/server/server.crt）
   • 将证书复制到Android设备，通过系统设置安装并信任该证书
3. 再次运行上述--ssl命令即可正常使用Live Reload和媒体设备API

方案3：强制绑定localhost地址运行 #

运行Live Reload时明确指定绑定localhost，配合WebView配置实现访问：

ionic cordova run android -l --address localhost

内容的提问来源于stack exchange，提问作者Halil Polat