Nginx 反向代理：跨域请求的救星

后端

2023-11-15 02:44:49

Nginx 反向代理：解决前端跨域难题

跨域问题是前端开发中经常遇到的痛点。当前端应用向不同域名的后端 API 发起请求时，浏览器会出于安全考虑而阻止该请求。Nginx 是一款强大的 Web 服务器，它可以作为反向代理来解决这一问题，从而为前端开发人员提供流畅的工作流程。

Nginx 反向代理的优势

使用 Nginx 作为反向代理具有以下优势：

解决跨域问题： Nginx 可以通过添加适当的 HTTP 标头来允许来自不同域名的跨域请求。
提高性能： Nginx 可以缓存静态文件，从而减少后端服务器的负载并提高网站性能。
增强安全性： Nginx 可以充当防火墙，保护后端服务器免受恶意请求的攻击。

Nginx 反向代理配置

要配置 Nginx 作为反向代理，需要在 Nginx 配置文件中添加以下配置：

location /api/ {
    proxy_pass http://backend_domain:backend_port;
    proxy_set_header Host $host;
    proxy_set_header X-Real-IP $remote_addr;
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
}

proxy_pass 指定后端 API 的地址。
proxy_set_header Host 将请求头中的 Host 标头设置为原始请求中设置的 Host 标头。
proxy_set_header X-Real-IP 和 proxy_set_header X-Forwarded-For 标头用于在后端服务器上记录客户端的原始 IP 地址。

添加 CORS 标头

为了允许跨域请求，还需要在 Nginx 配置中添加 CORS 标头：

add_header Access-Control-Allow-Origin *;
add_header Access-Control-Allow-Methods GET, POST, PUT, DELETE;
add_header Access-Control-Allow-Headers Content-Type;