开发环境中Vapor后端能否从GitHub触发重定向至前端？

1. 正确配置GitHub OAuth回调地址 #

在GitHub OAuth应用的设置里，把授权回调URL设置为后端的回调路由，比如：

http://127.0.0.1:8080/api/auth/github/callback

这一步是核心，确保GitHub能把code正确发送到你的Vapor后端。

2. 后端处理回调并触发跨域重定向 #

Vapor完全支持在GitHub回调后触发重定向到前端，具体实现逻辑：

• 后端收到GitHub传来的code后，调用GitHub的API交换access_token，并完成用户信息校验。
• 验证通过后，直接重定向到前端地址，同时传递认证状态：
  • 方式一：URL参数传递（适合开发环境快速测试）

    func githubCallbackHandler(_ req: Request) async throws -> Response {
        // 用code交换access_token的逻辑
        let token = try await exchangeCodeForToken(req)
        // 重定向到前端，附带token参数
        return req.redirect(to: "http://localhost:3000?authToken=\(token)")
    }
    

  • 方式二：跨域Cookie传递（更贴近生产环境）
    如果想用Cookie维护会话，需要在Vapor中配置Cookie的跨域属性，并重定向：

    func githubCallbackHandler(_ req: Request) async throws -> Response {
        let token = try await exchangeCodeForToken(req)
        // 设置跨域Cookie
        let cookie = HTTPCookies.Value(
            string: token,
            expires: .init(distantFuture),
            maxAge: 3600 * 24 * 7,
            domain: "localhost", // 匹配前端域名
            path: "/",
            isSecure: false, // 开发环境用http，设为false
            isHTTPOnly: true,
            sameSite: .lax // 允许跨域发送Cookie
        )
        req.cookies.set(name: "authToken", value: cookie)
        // 重定向到前端
        return req.redirect(to: "http://localhost:3000")
    }
    

    同时前端发起请求时要设置withCredentials: true，确保携带Cookie。

3. 配置Vapor的CORS中间件 #

因为本地前后端跨域，需要让后端允许前端的跨域请求：
在configure.swift中添加CORS中间件配置：

let corsConfiguration = CORSMiddleware.Configuration(
    allowedOrigin: .originBased([
        "http://localhost:3000"
    ]),
    allowedMethods: [.GET, .POST, .PUT, .DELETE, .OPTIONS],
    allowedHeaders: [.accept, .authorization, .contentType, .origin, .xRequestedWith],
    allowCredentials: true // 允许携带Cookie
)
let corsMiddleware = CORSMiddleware(configuration: corsConfiguration)
// 把CORS中间件添加到应用，注意要放在路由之前
app.middleware.use(corsMiddleware)

4. 前端配合处理重定向 #

前端在收到重定向后，要么从URL参数中提取authToken存储，要么通过Cookie获取认证状态，之后的API请求携带该凭证即可。

内容的提问来源于stack exchange，提问作者János