如何实现GCP负载均衡器重定向且避免CORS错误？

针对你遇到的GCP LB重定向触发CORS错误的问题，核心矛盾是GCP LB无法同时配置urlRedirect和添加CORS响应头，且浏览器预请求OPTIONS不允许被重定向。以下是两种可行的实现方案：

方案一：使用Cloud Functions作为重定向中间层 #

利用无服务器的Cloud Functions处理请求的路径判断、CORS头注入和重定向逻辑，替代LB A的直接urlRedirect配置：

1. 创建Cloud Function（选择HTTP触发器）
2. 编写函数逻辑，处理OPTIONS预请求和GET重定向请求：

import flask

app = flask.Flask(__name__)

# 替换为你的前端实际域名
ALLOWED_ORIGIN = "https://your-frontend-domain.com"

@app.route('/pathB', methods=['GET', 'OPTIONS'])
def redirect_to_lb_b():
    if flask.request.method == 'OPTIONS':
        # 处理预请求，返回CORS头
        response = flask.Response()
        response.headers['Access-Control-Allow-Origin'] = ALLOWED_ORIGIN
        response.headers['Access-Control-Allow-Methods'] = 'GET, OPTIONS'
        response.headers['Access-Control-Allow-Headers'] = 'Content-Type'
        return response
    # 处理GET请求，返回带CORS头的301重定向
    response = flask.redirect("https://lb-b-domain.com", code=301)
    response.headers['Access-Control-Allow-Origin'] = ALLOWED_ORIGIN
    return response

@app.route('/pathC', methods=['GET', 'OPTIONS'])
def redirect_to_lb_c():
    if flask.request.method == 'OPTIONS':
        response = flask.Response()
        response.headers['Access-Control-Allow-Origin'] = ALLOWED_ORIGIN
        response.headers['Access-Control-Allow-Methods'] = 'GET, OPTIONS'
        response.headers['Access-Control-Allow-Headers'] = 'Content-Type'
        return response
    response = flask.redirect("https://lb-c-domain.com", code=301)
    response.headers['Access-Control-Allow-Origin'] = ALLOWED_ORIGIN
    return response

if __name__ == '__main__':
    app.run(host='0.0.0.0', port=8080)

3. 配置LB A的URL Map：将/pathB和/pathC路径规则指向该Cloud Function作为后端服务，而非使用urlRedirect。

方案二：用Nginx实例作为重定向代理 #

通过Compute Engine上的Nginx实例处理重定向和CORS逻辑，作为LB A的后端服务：

1. 创建Compute Engine实例，安装Nginx
2. 修改Nginx配置文件（/etc/nginx/nginx.conf或站点配置文件）：

server {
    listen 80;
    server_name _;

    # 处理OPTIONS预请求
    if ($request_method = OPTIONS) {
        add_header Access-Control-Allow-Origin "https://your-frontend-domain.com";
        add_header Access-Control-Allow-Methods "GET, OPTIONS";
        add_header Access-Control-Allow-Headers "Content-Type";
        return 204;
    }

    # 重定向/pathB到LB B，添加CORS头
    location /pathB {
        add_header Access-Control-Allow-Origin "https://your-frontend-domain.com";
        return 301 https://lb-b-domain.com$request_uri;
    }

    # 重定向/pathC到LB C，添加CORS头
    location /pathC {
        add_header Access-Control-Allow-Origin "https://your-frontend-domain.com";
        return 301 https://lb-c-domain.com$request_uri;
    }
}

3. 重启Nginx服务：sudo systemctl restart nginx
4. 将该Compute Engine实例添加到LB A的后端服务组，配置路径规则对应到该后端。

方案选择建议 #

• 若追求低维护、快速部署，优先选方案一（Cloud Functions），无需管理服务器；
• 若需要更高性能或更复杂的路由/缓存配置，选择方案二（Nginx实例），灵活性更强。

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