如何避免Quasar开发服务器修改capacitor.config.json的server.url？

问题描述 #

使用quasar dev -m capacitor -T android命令以Capacitor模式启动Quasar开发服务器时，会弹出选择外部IP地址的对话框。选择IP后，系统会更新src-capacitor/package.json和capacitor.config.json，并执行capacitor sync android命令。问题在于capacitor.config.json会被添加含本地IP的server.url配置（如"http://192.168.0.3:9500"），这类本地信息可能被误提交至版本库。且多数本地运行场景下，使用localhost即可，无需选择外部IP。根据官方文档这是预期行为，但并不符合实际需求，请问如何避免修改capacitor.config.json中的server.url？

解决方法 #

• 强制指定localhost启动
  启动命令时添加--hostname localhost参数，直接跳过IP选择环节，系统会默认使用本地回环地址，不会修改capacitor.config.json的server.url配置：

  quasar dev -m capacitor -T android --hostname localhost
  

• 将配置文件加入忽略列表
  如果项目不需要同步capacitor.config.json的本地修改，直接把它添加到.gitignore文件中，避免Git追踪该文件的变更：

  src-capacitor/capacitor.config.json
  

• 使用本地配置文件覆盖
  新建capacitor.config.local.json文件存放本地开发的server.url配置，然后在capacitor.config.json中通过extends字段引用它：

  1. 在capacitor.config.json中添加：

     {
       "extends": "./capacitor.config.local.json"
     }
     

  2. 在capacitor.config.local.json中写入：

     {
       "server": {
         "url": "http://localhost:9500"
       }
     }
     

  3. 把capacitor.config.local.json加入.gitignore，确保本地配置不会被提交。

• 自定义启动脚本
  在项目package.json中添加预设参数的自定义脚本，减少手动输入成本：

  {
    "scripts": {
      "dev:android": "quasar dev -m capacitor -T android --hostname localhost"
    }
  }
  

  之后启动只需执行：

  npm run dev:android
  

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