如何在Angular library项目中添加Proxy代理配置

首先明确核心逻辑：Angular 库本身是可复用的代码打包模块，不支持独立配置代理，代理规则属于本地开发服务的能力，需要绑定到你调试库时使用的宿主测试应用（一般是 Angular 工作区中与库同级的默认应用，或者你自行创建的 Demo 测试应用）上，具体操作流程如下：

• 第一步：在工作区根目录（与 angular.json 文件同级）新建代理配置文件 proxy.conf.json，参考配置示例：

{
  "/api": {
    "target": "http://实际后端服务地址:端口",
    "secure": false,
    "changeOrigin": true,
    "pathRewrite": {
      "^/api": ""
    }
  }
}

可以根据实际需求调整匹配路径前缀、目标地址、路径重写规则等参数。

• 第二步：修改 angular.json 配置，绑定代理文件到宿主应用的启动配置：
  找到 projects 节点下你的宿主应用对应的配置项，在 architect > serve > options 下添加代理配置引用，示例片段如下：

{
  "projects": {
    "你的宿主应用名称": {
      "architect": {
        "serve": {
          "options": {
            "proxyConfig": "proxy.conf.json"
          }
        }
      }
    }
  }
}

完成配置后直接执行 ng serve 启动调试，代理规则就会自动生效。

• 临时调试的替代方案：如果不想修改 angular.json 配置，也可以在启动服务时直接指定代理文件，执行命令：
  ng serve --proxy-config proxy.conf.json

注意：代理配置仅在本地 ng serve 开发阶段生效，生产环境构建不会包含该配置，生产环境的接口转发需要通过后端网关、Nginx 反向代理等方式实现。如果需要库发布后也具备请求前缀适配能力，可以在库内封装 HTTP 拦截器，由引入库的上层业务应用自定义配置接口前缀规则。

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