Angular能否实现服务器间请求？规避API端口公网暴露

完全可以实现请求内部化，核心是通过反向代理服务器作为前端和API之间的中间层，让客户端所有请求先发送到代理服务器，再由代理转发至内部API服务器，这样API服务器无需暴露到公网。以下是具体实现方案：

生产环境：Nginx反向代理（最常用方案） #

用Nginx同时托管Angular静态资源并转发API请求，是生产环境的标准做法：

1. 将Angular项目构建后的dist目录部署到Nginx可访问的路径
2. 配置Nginx的server块，区分静态资源和API请求：

server {
    listen 80;
    server_name your-public-domain.com;

    # 处理Angular静态文件及路由
    location / {
        root /usr/share/nginx/html; # 指向Angular dist目录
        try_files $uri $uri/ /index.html; # 支持Angular单页应用路由
    }

    # 转发所有/api开头的请求到内部API服务器
    location /api/ {
        proxy_pass http://internal-api-host:api-port/; # 内网可访问的API地址
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    }
}

配置完成后，用户访问你的公网域名时：

• 静态资源直接由Nginx返回
• /api开头的请求会被Nginx转发到内部API服务器，API服务器只需和Nginx处于同一内网（比如同一服务器、私有云网络）即可，无需开放公网端口。

开发环境：Angular CLI代理配置 #

开发阶段可以用Angular CLI自带的代理功能，避免跨域同时实现请求内部化：

1. 在项目根目录创建proxy.conf.json文件：

{
    "/api/*": {
        "target": "http://internal-api-host:api-port",
        "secure": false,
        "changeOrigin": true
    }
}

2. 启动Angular项目时指定代理配置：

ng serve --proxy-config proxy.conf.json

此时前端发起的/api请求会被自动转发到内部API服务器，无需在本地暴露API端口。

其他可选方案 #

• Apache/Caddy代理：配置逻辑和Nginx类似，通过虚拟主机规则区分静态资源和API请求，转发到内部服务
• 容器化部署：如果用Docker部署，可将Angular、Nginx、API容器加入同一Docker网络，Nginx作为入口转发请求，API容器无需映射公网端口

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