Tauri+Angular iOS开发：如何避免用本地IP访问开发服务器？

为什么Tauri会用本地IP访问开发服务器？ #

iOS模拟器是独立的虚拟环境，它的localhost指向模拟器自身，而非你的开发电脑。Tauri必须使用你电脑的本地IP，才能让模拟器内的WebView连接到运行在你电脑上的Angular开发服务器。

不用本地IP的解决步骤 #

要让Tauri通过localhost访问开发服务器，同时保证模拟器能正常连接，按以下方式调整配置：

1. 修改Angular启动命令，监听所有网络接口 #

更新tauri.conf.json的build配置，让Angular监听0.0.0.0（允许来自任何地址的请求）：

"build": {
    "frontendDist": "../dist",
    "devUrl": "http://localhost:4200",
    "beforeDevCommand": "ng serve --host 0.0.0.0 --port 4200",
    "beforeBuildCommand": "npm run build"
}

这样Angular服务器既能在浏览器通过localhost访问，也能通过本地IP被模拟器访问，Tauri会自动处理两者的映射，不会再持续等待IP地址的服务器响应。

2. 解决之前修改配置后的白屏问题 #

你之前调整配置后出现白屏，主要是以下原因导致：

• 主机校验异常：--disable-host-check会破坏Angular的安全校验机制，改用--host 0.0.0.0后无需这个参数，可避免相关异常。
• Base Href配置错误：检查angular.json中projects -> [你的项目名] -> architect -> build -> options -> baseHref，确保值为"/"（默认设置），否则WebView可能无法找到正确的资源路径。
• 调试定位问题：运行npm run tauri ios dev -- --open-devtools打开WebView的开发者工具，查看控制台的错误信息，即可精准定位白屏的具体原因。

3. 强制Tauri使用localhost（可选） #

如果需要强制Tauri仅通过localhost访问开发服务器，可在tauri.conf.json的tauri -> ios节点下添加配置：

"tauri": {
  "ios": {
    "devServer": {
      "url": "http://localhost:4200"
    }
  }
}

注意：必须配合Angular监听0.0.0.0的设置，否则模拟器无法通过localhost访问到你的开发机器。

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