1. 什么是 API 代理？
API 代理是指将 API 请求传递给另一个服务器进行处理的过程。在 Angular 中，我们可以使用 HttpClient 模块来从后端获取数据，但有时，由于一些原因（如跨域限制，接口的访问限制），直接从前端访问后端的 API 是不可能的。这时，我们可以使用 API 代理，将前端的 API 请求传递给后端，在后端中进行处理，最后返回给前端。
2. 在 Angular 中使用 API 代理的步骤
2.1 安装 and 配置 http-proxy-middleware
在使用 API 代理之前，我们首先需要安装和配置 http-proxy-middleware。http-proxy-middleware 是一款可以将客户端请求代理到其他服务器的 Node.js 中间件。我们可以通过以下命令来安装它：
npm install http-proxy-middleware --save-dev安装完毕后，我们需要在 Angular 工程的 proxy.conf.js 文件中进行配置。该文件的位置与 Angular.json 文件相同，一般位于工程根目录下。在 proxy.conf.js 中，我们需要定义我们要转发的 URL 和目标 URL。
const { createProxyMiddleware } = require('http-proxy-middleware');
module.exports = function(app) {
app.use('/api', createProxyMiddleware({
target: 'http://localhost:3000',
changeOrigin: true,
secure: false
}));
}
上述代码中，我们将 client 端的 URL"/api" 代理到目标 URL "http://localhost:3000"，并且设置了 changeOrigin 和 secure 两个参数。changeOrigin 参数用于更改请求头中的 'host' 和 'referer' 字段的值，此参数为 true 时自动设置为目标 URL 中的值；secure 参数用于表示是否需要在 https 模式下使用。
2.2 修改 package.json
在完成了 http-proxy-middleware 的配置后，我们需要修改 package.json 文件，以便在启动 Angular 时自动加载 proxy.conf.js 文件。修改 package.json 文件如下所示：
{
"name": "angular-app",
"version": "0.0.0",
......
"scripts": {
"ng": "ng",
"start": "ng serve --proxy-config proxy.conf.js",
......
},
......
}
同时，在开发阶段中可以通过以下命令来启动 Angular 工程：
npm start启动成功后，我们实际上已经将前端的 API 请求代理到了后端。这样，我们就解决了跨域请求和访问限制等问题，让前端和后端的交互更加自由和灵活。
3. 总结
本文介绍了 Angular 中使用 API 代理的步骤，包括安装和配置 http-proxy-middleware，并在 package.json 中修改启动参数等。使用 API 代理可以解决跨域请求和访问限制等问题，让前端和后端的交互更加自由和灵活。