如何在多个Angular项目中共享相同的HTTP拦截器？

当然可以把重复的HTTP拦截器代码改造为通用代码，以下是几种常用的实现方式：

1. 封装为私有npm包 #

这是最常用的长期维护方案：

• 把HTTP拦截器代码单独提取到新项目中，执行npm init初始化为npm包
• 编写拦截器逻辑时，将axios、框架HTTP模块等依赖声明为peerDependencies，避免与宿主项目依赖冲突
• 将包发布到私有npm仓库（如npm私有注册表、Verdaccio本地仓库等）
• 在每个业务项目中安装该私有包，直接导入拦截器使用
• 后续更新拦截器时，发布新的包版本，再在各项目中升级依赖即可

2. 使用单仓库（Monorepo）管理 #

若5个项目属同一技术栈且可统一管理，推荐用Monorepo：

• 搭建Monorepo结构，将通用拦截器作为独立共享包放在packages目录下
• 用npm/yarn工作区或Lerna等工具管理项目与共享包的依赖关系
• 各业务项目直接引用本地共享包，修改拦截器代码后所有项目自动同步最新版本
• 这种方式便于统一调试和版本管理，适合团队内部关联项目

3. Git子模块（Git Submodule） #

若不想用包管理工具，可通过Git子模块实现代码共享：

• 将拦截器代码单独托管在一个Git仓库
• 在每个业务项目中执行git submodule add <仓库地址>添加子模块
• 在项目中导入子模块目录下的拦截器代码
• 更新拦截器时，在子模块仓库提交变更，再在各业务项目中拉取子模块最新版本即可

注意事项 #

• 无论哪种方式，都要给通用代码添加版本号管理，避免强制更新引发兼容性问题
• 给通用拦截器添加单元测试，确保修改后不影响所有依赖项目
• 若拦截器需适配不同项目的特殊逻辑，可通过配置参数或扩展接口实现灵活性

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