如何为Spring-Angular前后端模块配置不同的GitHub远程仓库？

方案一：用Git子模块关联不同远程仓库 #

适合需要前后端模块分别托管到独立GitHub仓库的场景：

• 初始化根仓库（若未创建）：在项目根目录执行 git init，添加根目录的配置文件（如README.md、.gitignore）并提交：git add . && git commit -m "Init root repo"。
• 添加前端子模块：执行 git submodule add <前端GitHub仓库URL> Frontend，此操作会自动生成.gitmodules配置文件。
• 添加后端子模块：执行 git submodule add <后端GitHub仓库URL> Backend。
• 提交子模块配置：执行 git add .gitmodules Frontend Backend，再提交推送：git commit -m "Add frontend/backend submodules" && git push（若根仓库也需托管，需先关联根仓库的远程地址）。
• 日常维护：
  • 更新子模块代码：进入对应模块目录执行常规git pull，或在根目录执行git submodule update --remote批量拉取最新代码。
  • 提交子模块变更：子模块目录内完成代码提交后，回到根仓库需提交子模块的版本更新：git add Frontend Backend && git commit -m "Update submodule versions"。

方案二：单仓库统一维护双模块 #

适合希望前后端代码托管到同一个GitHub仓库的场景：

• 清理旧Git配置：若之前在Frontend/Backend目录单独初始化过Git，需删除子目录内的.git文件夹（操作前做好代码备份）。
• 初始化根仓库：在项目根目录执行 git init。
• 配置.gitignore：添加Spring和Angular的忽略规则，比如：

  # Backend ignores
  target/
  .idea/
  *.iml
  
  # Frontend ignores
  node_modules/
  dist/
  .angular/
  

• 提交所有代码：执行 git add . && git commit -m "Initial commit with frontend and backend"。
• 关联远程仓库：执行 git remote add origin <你的GitHub仓库URL>，推送代码：git push -u origin main。
• 日常维护：正常使用git add、git commit、git push即可，Git会识别并管理两个模块的所有文件变更。

常见问题排查 #

如果之前出现Git仅识别单个模块的情况，大概率是子目录单独初始化了Git仓库，导致根仓库无法追踪子目录内容。删除子目录的.git文件夹后，再按上述方案重新配置即可。

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