refactor: improve GitHub OAuth handling and update authentication flow

Controllers/AuthController.cs

@@ -1,17 +1,14 @@
-using System.Security.Claims;
 using Foxel.Models;
 using Foxel.Services.Interface;
 using Microsoft.AspNetCore.Authorization;
 using Microsoft.AspNetCore.Mvc;
 using Foxel.Models.Request.Auth;
 using Foxel.Models.Response.Auth;
-using Microsoft.AspNetCore.Authentication;
-using Microsoft.AspNetCore.Authentication.Cookies;
 
 namespace Foxel.Controllers;
 
 [Route("api/auth")]
-public class AuthController(IUserService userService) : BaseApiController
+public class AuthController(IUserService userService, IConfigService configService) : BaseApiController
 {
     [HttpPost("register")]
     public async Task<ActionResult<BaseResult<AuthResponse>>> Register([FromBody] RegisterRequest request)
@@ -101,73 +98,110 @@ public class AuthController(IUserService userService) : BaseApiController
     }
 
     [HttpGet("github/login")]
-    public IActionResult GitHubLogin(string returnUrl = "/")
+    public IActionResult GitHubLogin()
     {
-        try
+        string githubClientId = configService["Authentication:GitHubClientId"];
-        {
+        string githubCallback = configService["Authentication:GitHubRedirectUri"];
-            var properties = new AuthenticationProperties
+        string githubAuthorizeUrl =
-            { 
+            $"https://github.com/login/oauth/authorize?client_id={Uri.EscapeDataString(githubClientId)}&redirect_uri={Uri.EscapeDataString(githubCallback)}";
-                RedirectUri = Url.Action("GitHubCallback", new { returnUrl }),
+        return Redirect(githubAuthorizeUrl);
-                Items = { { "returnUrl", returnUrl } },
-                // 添加超时设置
-                AllowRefresh = true,
-                ExpiresUtc = DateTimeOffset.UtcNow.AddMinutes(10),
-                IsPersistent = false
-            };
-            return Challenge(properties, "GitHub");
-        }
-        catch (Exception ex)
-        {
-            Console.WriteLine($"GitHub登录异常: {ex}");
-            return Redirect("/login?error=github_login_error");
-        }
     }
 
     [HttpGet("github/callback")]
-    public async Task<IActionResult> GitHubCallback(string returnUrl = "/")
+    public async Task<ActionResult<BaseResult<string>>> GitHubCallback(string code)
     {
-        try
+        if (string.IsNullOrEmpty(code))
         {
-            var authenticateResult = await HttpContext.AuthenticateAsync(CookieAuthenticationDefaults.AuthenticationScheme);
+            return Error<string>("GitHub授权码无效");
-            if (!authenticateResult.Succeeded)
-            {
-                Console.WriteLine("GitHub认证失败: 无法获取认证结果");
-                return Redirect("/login?error=github_auth_failed");
-            }
-            // 获取GitHub用户信息
-            var githubId = authenticateResult.Principal.FindFirst(ClaimTypes.NameIdentifier)?.Value;
-            var githubLogin = authenticateResult.Principal.FindFirst("urn:github:login")?.Value;
-            var githubEmail = authenticateResult.Principal.FindFirst(ClaimTypes.Email)?.Value;
-
-            Console.WriteLine($"GitHub用户信息: ID={githubId}, Login={githubLogin}, Email={githubEmail}");
-
-            if (string.IsNullOrEmpty(githubId) || string.IsNullOrEmpty(githubLogin))
-            {
-                return Redirect("/login?error=github_missing_info");
         }
 
-            // 登出Cookie认证会话
+        string githubClientId = configService["Authentication:GitHubClientId"];
-            await HttpContext.SignOutAsync(CookieAuthenticationDefaults.AuthenticationScheme);
+        string githubClientSecret = configService["Authentication:GitHubClientSecret"];
+        string githubTokenUrl = "https://github.com/login/oauth/access_token";
+        string githubUserApiUrl = "https://api.github.com/user";
 
-            // 查找或创建用户
+        using var httpClient = new HttpClient();
-            var (success, message, user) = await userService.FindOrCreateGitHubUserAsync(
+        httpClient.DefaultRequestHeaders.Add("User-Agent", "Foxel");
-                githubId, githubLogin, githubEmail);
+        httpClient.DefaultRequestHeaders.Add("Accept", "application/json");
+        var tokenRequestUrl =
+            $"{githubTokenUrl}?client_id={Uri.EscapeDataString(githubClientId)}&client_secret={Uri.EscapeDataString(githubClientSecret)}&code={Uri.EscapeDataString(code)}";
+        var tokenResponse = await httpClient.PostAsync(tokenRequestUrl, null);
 
-            if (!success || user == null)
+        if (!tokenResponse.IsSuccessStatusCode)
         {
-                return Redirect($"/login?error={Uri.EscapeDataString(message)}");
+            var errorContent = await tokenResponse.Content.ReadAsStringAsync();
+            Console.WriteLine($"获取GitHub访问令牌失败: {tokenResponse.StatusCode}, {errorContent}");
+            return Error<string>($"获取GitHub访问令牌失败: {errorContent}", (int)tokenResponse.StatusCode);
+        }
+
+        var tokenResponseContent = await tokenResponse.Content.ReadAsStringAsync();
+        var tokenJson = System.Text.Json.JsonDocument.Parse(tokenResponseContent);
+
+        if (!tokenJson.RootElement.TryGetProperty("access_token", out var accessTokenElement) ||
+            accessTokenElement.GetString() == null)
+        {
+            Console.WriteLine($"GitHub响应中未找到access_token: {tokenResponseContent}");
+            return Error<string>("获取GitHub访问令牌失败，响应中未包含令牌。");
+        }
+
+        var accessToken = accessTokenElement.GetString();
+
+        httpClient.DefaultRequestHeaders.Authorization =
+            new System.Net.Http.Headers.AuthenticationHeaderValue("Bearer", accessToken);
+
+        var userResponse = await httpClient.GetAsync(githubUserApiUrl);
+        if (!userResponse.IsSuccessStatusCode)
+        {
+            var errorContent = await userResponse.Content.ReadAsStringAsync();
+            Console.WriteLine($"获取GitHub用户信息失败: {userResponse.StatusCode}, {errorContent}");
+            return Error<string>($"获取GitHub用户信息失败: {errorContent}", (int)userResponse.StatusCode);
+        }
+
+        var userContent = await userResponse.Content.ReadAsStringAsync();
+        var userJson = System.Text.Json.JsonDocument.Parse(userContent);
+
+        string? githubUserId = null;
+        string? email = null;
+        string? name = null;
+        string? loginName = null;
+
+        if (userJson.RootElement.TryGetProperty("id", out var idElement))
+        {
+            githubUserId = idElement.GetInt64().ToString();
+        }
+
+        if (userJson.RootElement.TryGetProperty("email", out var emailElement))
+        {
+            email = emailElement.GetString();
+        }
+
+        if (userJson.RootElement.TryGetProperty("name", out var nameElement))
+        {
+            name = nameElement.GetString();
+        }
+
+        if (userJson.RootElement.TryGetProperty("login", out var loginElement))
+        {
+            loginName = loginElement.GetString();
+        }
+
+        if (string.IsNullOrEmpty(githubUserId))
+        {
+            return Error<string>("无法从GitHub获取用户ID");
+        }
+
+
+        var (isSuccess, message, user) =
+            await userService.FindOrCreateGitHubUserAsync(githubUserId, name ?? loginName, email);
+
+        if (!isSuccess || user == null)
+        {
+            Console.WriteLine($"创建或查找GitHub用户失败: {message}");
+            return Redirect(
+                $"/login?error=github_user_creation_failed&message={Uri.EscapeDataString(message)}");
         }
 
-            // 生成JWT令牌
         var token = await userService.GenerateJwtTokenAsync(user);
-            
+        return Redirect($"/login?token={Uri.EscapeDataString(token)}");
-            // 重定向回前端，携带token参数
-            return Redirect($"{returnUrl}?token={Uri.EscapeDataString(token)}");
-        }
-        catch (Exception ex)
-        {
-            Console.WriteLine($"GitHub回调处理异常: {ex}");
-            return Redirect("/login?error=github_callback_error");
-        }
     }
 }

Dockerfile

@@ -1,6 +1,7 @@
 FROM mcr.microsoft.com/dotnet/aspnet:9.0 AS base
 WORKDIR /app
 EXPOSE 8080  
+EXPOSE 8081
 EXPOSE 80    
 
 FROM oven/bun:alpine AS build-frontend
@@ -31,8 +32,8 @@ RUN apt-get update && apt-get install -y nginx && rm -rf /var/lib/apt/lists/*
 COPY --from=build-frontend /src/View/dist /var/www/html
 COPY /View/nginx.conf /etc/nginx/nginx.conf
 
-RUN mkdir -p /var/lib/nginx/body /var/cache/nginx /var/run/nginx \
+RUN mkdir -p /var/lib/nginx/body /var/cache/nginx /var/run/nginx /app/Uploads \
-    && chown -R $APP_UID:$APP_UID /var/lib/nginx /var/cache/nginx /var/run/nginx /var/log/nginx /etc/nginx /var/www/html \
+    && chown -R $APP_UID:$APP_UID /var/lib/nginx /var/cache/nginx /var/run/nginx /var/log/nginx /etc/nginx /var/www/html /app/Uploads \
     && mkdir -p /run \
     && chmod 777 /run
 

Extensions/ServiceCollectionExtensions.cs

@@ -67,35 +67,6 @@ public static class ServiceCollectionExtensions
                     IssuerSigningKey = new SymmetricSecurityKey(
                         Encoding.UTF8.GetBytes(configuration["Jwt:SecretKey"]))
                 };
-            })
-            .AddCookie(options =>
-            {
-                options.Cookie.HttpOnly = true;
-                options.Cookie.SameSite = SameSiteMode.Lax;
-                options.ExpireTimeSpan = TimeSpan.FromMinutes(60);
-            })
-            .AddGitHub(options =>
-            {
-                options.ClientId = configuration["Authentication:GitHubClientId"];
-                options.ClientSecret = configuration["Authentication:GitHubClientSecret"];
-                options.CallbackPath = "/api/auth/github/callback";
-                options.Scope.Add("user:email");
-                options.BackchannelHttpHandler = new HttpClientHandler
-                {
-                    UseCookies = false,
-                    AllowAutoRedirect = false,
-                    MaxConnectionsPerServer = 100
-                };
-                options.Events = new Microsoft.AspNetCore.Authentication.OAuth.OAuthEvents
-                {
-                    OnRemoteFailure = context =>
-                    {
-                        Console.WriteLine($"GitHub登录失败: {context.Failure}");
-                        context.Response.Redirect("/login?error=github_remote_error");
-                        context.HandleResponse();
-                        return Task.CompletedTask;
-                    }
-                };
             });
     }
 

Foxel.csproj

@@ -4,10 +4,10 @@
         <TargetFramework>net9.0</TargetFramework>
         <Nullable>enable</Nullable>
         <ImplicitUsings>enable</ImplicitUsings>
+        <DockerDefaultTargetOS>Linux</DockerDefaultTargetOS>
     </PropertyGroup>
 
     <ItemGroup>
-        <PackageReference Include="AspNet.Security.OAuth.GitHub" Version="9.3.0" />
         <PackageReference Include="Microsoft.AspNetCore.Authentication.JwtBearer" Version="9.0.5" />
         <PackageReference Include="Microsoft.AspNetCore.OpenApi" Version="9.0.5" />
         <PackageReference Include="Microsoft.EntityFrameworkCore" Version="9.0.5" />

Program.cs

@@ -1,5 +1,6 @@
 using Foxel.Extensions;
 using Foxel.Services.Interface;
+using Microsoft.AspNetCore.HttpOverrides;
 
 var builder = WebApplication.CreateBuilder(args);
 var environment = builder.Environment;
@@ -14,26 +15,30 @@ builder.Services.AddHttpContextAccessor();
 builder.Services.AddApplicationAuthentication();
 builder.Services.AddApplicationAuthorization();
 builder.Services.AddApplicationCors();
-
+builder.Services.Configure<ForwardedHeadersOptions>(options =>
+{
+    options.ForwardedHeaders = ForwardedHeaders.XForwardedFor | ForwardedHeaders.XForwardedProto;
+    options.KnownNetworks.Clear();
+    options.KnownProxies.Clear();
+});
 var app = builder.Build();
 
-// 初始化数据库配置
 using (var scope = app.Services.CreateScope())
 {
     var initializer = scope.ServiceProvider.GetRequiredService<IDatabaseInitializer>();
     await initializer.InitializeAsync();
 }
-
+app.UseForwardedHeaders();
 app.UseApplicationStaticFiles();
 if (!app.Environment.IsDevelopment())
 {
     app.UseExceptionHandler("/Error", createScopeForErrors: true);
     app.UseHsts();
 }
-app.UseHttpsRedirection();
 app.UseApplicationOpenApi();
 app.UseCors("MyAllowSpecificOrigins");
 app.UseAuthentication();
 app.UseAuthorization();
 app.MapControllers();
+app.UseHttpsRedirection();
 app.Run();

Services/Interface/IUserService.cs

@@ -11,5 +11,5 @@ public interface IUserService
     Task<string> GenerateJwtTokenAsync(User user);
     Task<User?> GetUserByIdAsync(int userId);
     Task<(bool success, string message, User? user)> FindOrCreateGitHubUserAsync(
-        string githubId, string githubLogin, string? email);
+        string githubId, string? githubName, string? email);
 }

Services/UserService.cs

@@ -97,7 +97,7 @@ public class UserService(IDbContextFactory<MyDbContext> dbContextFactory, IConfi
     }
 
     public async Task<(bool success, string message, User? user)> FindOrCreateGitHubUserAsync(
-        string githubId, string githubLogin, string? email)
+        string githubId, string? githubName, string? email)
     {
         if (string.IsNullOrEmpty(email))
         {
@@ -106,15 +106,13 @@ public class UserService(IDbContextFactory<MyDbContext> dbContextFactory, IConfi
 
         await using var context = await dbContextFactory.CreateDbContextAsync();
 
-        // 先尝试通过邮箱查找用户
         var user = await context.Users.FirstOrDefaultAsync(u => u.Email == email);
 
         if (user == null)
         {
-            // 用户不存在，创建新用户
             user = new User
             {
-                UserName = $"{githubLogin}_{githubId.Substring(0, 5)}", // 创建唯一用户名
+                UserName = $"{githubName}",
                 Email = email,
                 PasswordHash = HashPassword(Guid.NewGuid().ToString()),
                 GithubId = githubId,
@@ -125,15 +123,14 @@ public class UserService(IDbContextFactory<MyDbContext> dbContextFactory, IConfi
             await context.SaveChangesAsync();
             return (true, "GitHub用户注册成功", user);
         }
-        else
+
-        {
         if (string.IsNullOrEmpty(user.GithubId))
         {
             user.GithubId = githubId;
             user.UpdatedAt = DateTime.UtcNow;
             await context.SaveChangesAsync();
         }
+
         return (true, "GitHub用户登录成功", user);
     }
-    }
 }

View/nginx.conf

@@ -24,6 +24,7 @@ http {
             proxy_set_header   Connection keep-alive;
             proxy_set_header   Host $host;
             proxy_cache_bypass $http_upgrade;
+            proxy_ssl_verify off;
         }
         
         location /uploads {
@@ -33,6 +34,7 @@ http {
             proxy_set_header   Connection keep-alive;
             proxy_set_header   Host $host;
             proxy_cache_bypass $http_upgrade;
+            proxy_ssl_verify off;
         }
     }
 }

View/src/api/authApi.ts

@@ -1,5 +1,5 @@
-import { type BaseResult, type AuthResponse, type LoginRequest, type RegisterRequest, type UserProfile } from './types';
+import {type BaseResult, type AuthResponse, type LoginRequest, type RegisterRequest, type UserProfile} from './types';
-import { fetchApi, BASE_URL } from './fetchClient';
+import {fetchApi, BASE_URL} from './fetchClient';
 
 // 认证数据本地存储键
 const TOKEN_KEY = 'token';
@@ -96,7 +96,7 @@ export const getToken = (): string | null => {
 };
 
 // 处理GitHub OAuth回调，接收token并保存
-export function handleOAuthCallback(): boolean {
+export async function handleOAuthCallback(): Promise<boolean> {
     const urlParams = new URLSearchParams(window.location.search);
     const token = urlParams.get('token');
     const error = urlParams.get('error');
@@ -104,21 +104,21 @@ export function handleOAuthCallback(): boolean {
     if (error) return false;
 
     if (token) {
-        const githubUser = parseJwt(token);
+        try {
-        if (githubUser) {
+            // 保存临时token，用于API调用
-            // 保存token
+            localStorage.setItem(TOKEN_KEY, token);
-            localStorage.setItem('token', token);
             
-            // 保存用户信息
+            // 获取完整的用户信息
-            if (githubUser.unique_name && githubUser.email) {
+            const userResponse = await getCurrentUser();
-                const user: UserProfile = {
+            
-                    id: parseInt(githubUser.nameid),
+            if (userResponse.success && userResponse.data) {
-                    userName: githubUser.unique_name,
+                // 构造完整的认证响应并保存
-                    email: githubUser.email,
+                const authResponse: AuthResponse = {
-                    roleName: ''
+                    token: token,
+                    user: userResponse.data
                 };
-                localStorage.setItem('user', JSON.stringify(user));
+                
-            }
+                saveAuthData(authResponse);
                 
                 // 清除URL中的token参数
                 const url = new URL(window.location.href);
@@ -127,29 +127,17 @@ export function handleOAuthCallback(): boolean {
                 
                 return true;
             }
+            return false;
+        } catch (error) {
+            console.error('第三方登录处理失败:', error);
+            clearAuthData(); // 清除可能部分保存的数据
+            return false;
+        }
     }
 
     return false;
 }
 
-// 解析JWT获取用户信息
-function parseJwt(token: string) {
-    try {
-        const base64Url = token.split('.')[1];
-        const base64 = base64Url.replace(/-/g, '+').replace(/_/g, '/');
-        const jsonPayload = decodeURIComponent(
-            atob(base64)
-                .split('')
-                .map(c => '%' + ('00' + c.charCodeAt(0).toString(16)).slice(-2))
-                .join('')
-        );
-        return JSON.parse(jsonPayload);
-    } catch {
-        return null;
-    }
-}
-
-// 获取GitHub登录URL
 export function getGitHubLoginUrl(): string {
-    return `${BASE_URL}/auth/github/login?returnUrl=${window.location.origin}/api/auth/github/callback`;
+    return `${BASE_URL}/auth/github/login`;
 }

View/src/pages/login/Index.tsx

@@ -1,11 +1,11 @@
-import React, { useState, useEffect } from 'react';
+import React, {useState, useEffect} from 'react';
-import { Form, Input, Button, Checkbox, Typography, Row, Col, Divider, message } from 'antd';
+import {Form, Input, Button, Checkbox, Typography, Row, Col, Divider, message} from 'antd';
-import { UserOutlined, LockOutlined, GithubOutlined, GoogleOutlined } from '@ant-design/icons';
+import {UserOutlined, LockOutlined, GithubOutlined, GoogleOutlined} from '@ant-design/icons';
-import { useNavigate, Link } from 'react-router';
+import {useNavigate, Link} from 'react-router';
-import { login, saveAuthData, isAuthenticated, handleOAuthCallback, getGitHubLoginUrl } from '../../api';
+import {login, saveAuthData, isAuthenticated, handleOAuthCallback, getGitHubLoginUrl} from '../../api';
 import useIsMobile from '../../hooks/useIsMobile';
 
-const { Title, Text } = Typography;
+const {Title, Text} = Typography;
 
 const Login: React.FC = () => {
     const [loading, setLoading] = useState(false);
@@ -13,8 +13,10 @@ const Login: React.FC = () => {
     const isMobile = useIsMobile();
 
     useEffect(() => {
-    if (handleOAuthCallback()) {
+        const checkOAuthCallback = async () => {
-      message.success('GitHub登录成功！');
+            try {
+                if (await handleOAuthCallback()) {
+                    message.success('第三方登录成功！');
                     navigate('/');
                     return;
                 }
@@ -22,6 +24,13 @@ const Login: React.FC = () => {
                 if (isAuthenticated()) {
                     navigate('/');
                 }
+            } catch (error) {
+                console.error('处理登录回调失败:', error);
+                message.error('登录过程中出现错误');
+            }
+        };
+        
+        checkOAuthCallback();
     }, [navigate]);
 
     const onFinish = async (values: any) => {
@@ -36,6 +45,7 @@ const Login: React.FC = () => {
                 // 保存认证信息
                 saveAuthData(response.data);
 
+                
                 // 显示成功消息
                 message.success(response.message || '登录成功！');
 
@@ -58,7 +68,7 @@ const Login: React.FC = () => {
     };
 
     return (
-    <Row style={{ height: '100vh', overflow: 'hidden' }}>
+        <Row style={{height: '100vh', overflow: 'hidden'}}>
             {/* 左侧登录表单 */}
             <Col
                 xs={24}
@@ -78,7 +88,7 @@ const Login: React.FC = () => {
                     margin: '0 auto',
                     paddingBottom: isMobile ? '40px' : 0
                 }}>
-          <div style={{ marginBottom: '40px', textAlign: 'center' }}>
+                    <div style={{marginBottom: '40px', textAlign: 'center'}}>
                         <Title level={2} style={{
                             marginBottom: '8px',
                             fontWeight: 700,
@@ -88,24 +98,24 @@ const Login: React.FC = () => {
                         }}>
                             欢迎回到 Foxel
                         </Title>
-            <Text style={{ fontSize: '16px', color: '#666' }}>
+                        <Text style={{fontSize: '16px', color: '#666'}}>
                             请登录您的账户以继续使用
                         </Text>
                     </div>
 
                     <Form
                         name="login_form"
-            initialValues={{ remember: true }}
+                        initialValues={{remember: true}}
                         onFinish={onFinish}
                         size="large"
                         layout="vertical"
                     >
                         <Form.Item
                             name="email"
-              rules={[{ required: true, message: '请输入您的邮箱' }]}
+                            rules={[{required: true, message: '请输入您的邮箱'}]}
                         >
                             <Input
-                prefix={<UserOutlined style={{ color: '#bfbfbf' }} />} 
+                                prefix={<UserOutlined style={{color: '#bfbfbf'}}/>}
                                 placeholder="邮箱"
                                 style={{
                                     height: '50px',
@@ -118,10 +128,10 @@ const Login: React.FC = () => {
 
                         <Form.Item
                             name="password"
-              rules={[{ required: true, message: '请输入您的密码' }]}
+                            rules={[{required: true, message: '请输入您的密码'}]}
                         >
                             <Input.Password
-                prefix={<LockOutlined style={{ color: '#bfbfbf' }} />} 
+                                prefix={<LockOutlined style={{color: '#bfbfbf'}}/>}
                                 placeholder="密码"
                                 style={{
                                     height: '50px',
@@ -133,9 +143,9 @@ const Login: React.FC = () => {
                         </Form.Item>
 
                         <Form.Item>
-              <div style={{ display: 'flex', justifyContent: 'space-between' }}>
+                            <div style={{display: 'flex', justifyContent: 'space-between'}}>
                                 <Checkbox name="remember">记住我</Checkbox>
-                <a href="#forgot" style={{ color: '#18181b' }}>忘记密码？</a>
+                                <a href="#forgot" style={{color: '#18181b'}}>忘记密码？</a>
                             </div>
                         </Form.Item>
 
@@ -157,13 +167,13 @@ const Login: React.FC = () => {
                             </Button>
                         </Form.Item>
 
-            <Divider plain style={{ color: '#999', fontSize: '14px' }}>
+                        <Divider plain style={{color: '#999', fontSize: '14px'}}>
                             或使用以下方式登录
                         </Divider>
 
-            <div style={{ display: 'flex', justifyContent: 'center', gap: '20px', margin: '20px 0' }}>
+                        <div style={{display: 'flex', justifyContent: 'center', gap: '20px', margin: '20px 0'}}>
                             <Button
-                icon={<GithubOutlined />} 
+                                icon={<GithubOutlined/>}
                                 size="large"
                                 shape="circle"
                                 onClick={handleGitHubLogin}
@@ -174,7 +184,7 @@ const Login: React.FC = () => {
                                 }}
                             />
                             <Button
-                icon={<GoogleOutlined />} 
+                                icon={<GoogleOutlined/>}
                                 size="large"
                                 shape="circle"
                                 style={{
@@ -185,13 +195,14 @@ const Login: React.FC = () => {
                             />
                         </div>
 
-            <div style={{ textAlign: 'center', marginTop: '30px' }}>
+                        <div style={{textAlign: 'center', marginTop: '30px'}}>
-              <Text style={{ color: '#666' }}>
+                            <Text style={{color: '#666'}}>
-                还没有账户？ <Link to="/register" style={{ color: '#18181b', fontWeight: 500 }}>立即注册</Link>
+                                还没有账户？ <Link to="/register"
+                                                  style={{color: '#18181b', fontWeight: 500}}>立即注册</Link>
                             </Text>
-              <div style={{ marginTop: '15px' }}>
+                            <div style={{marginTop: '15px'}}>
-                <Link to="/anonymous" style={{ color: '#666' }}>
+                                <Link to="/anonymous" style={{color: '#666'}}>
-                  <Button type="link" style={{ padding: '0', fontWeight: 500 }}>匿名图床</Button>
+                                    <Button type="link" style={{padding: '0', fontWeight: 500}}>匿名图床</Button>
                                 </Link>
                             </div>
                         </div>
@@ -278,9 +289,24 @@ const Login: React.FC = () => {
                                 gap: '8px',
                                 paddingLeft: '12px'
                             }}>
-                <div style={{ width: '10px', height: '10px', borderRadius: '50%', background: 'rgba(255,255,255,0.6)' }} />
+                                <div style={{
-                <div style={{ width: '10px', height: '10px', borderRadius: '50%', background: 'rgba(255,255,255,0.6)' }} />
+                                    width: '10px',
-                <div style={{ width: '10px', height: '10px', borderRadius: '50%', background: 'rgba(255,255,255,0.6)' }} />
+                                    height: '10px',
+                                    borderRadius: '50%',
+                                    background: 'rgba(255,255,255,0.6)'
+                                }}/>
+                                <div style={{
+                                    width: '10px',
+                                    height: '10px',
+                                    borderRadius: '50%',
+                                    background: 'rgba(255,255,255,0.6)'
+                                }}/>
+                                <div style={{
+                                    width: '10px',
+                                    height: '10px',
+                                    borderRadius: '50%',
+                                    background: 'rgba(255,255,255,0.6)'
+                                }}/>
                             </div>
 
                             <div style={{

View/src/pages/register/Index.tsx

@@ -13,8 +13,9 @@ const Register: React.FC = () => {
   const isMobile = useIsMobile();
 
   useEffect(() => {
-    // 处理可能的OAuth回调
+    const checkOAuthCallback = async () => {
-    if (handleOAuthCallback()) {
+      try {
+        if (await handleOAuthCallback()) {
           message.success('使用GitHub账号注册成功！');
           navigate('/');
           return;
@@ -23,6 +24,13 @@ const Register: React.FC = () => {
         if (isAuthenticated()) {
           navigate('/');
         }
+      } catch (error) {
+        console.error('处理登录回调失败:', error);
+        message.error('登录过程中出现错误');
+      }
+    };
+    
+    checkOAuthCallback();
   }, [navigate]);
 
   const onFinish = async (values: any) => {

View/src/pages/settings/SystemConfig.tsx

@@ -138,12 +138,14 @@ const SystemConfig: React.FC = () => {
               groupName="Authentication"
               configs={{
                 "GitHubClientId": configs.Authentication?.["GitHubClientId"] || '',
-                "GitHubClientSecret": configs.Authentication?.["GitHubClientSecret"] || ''
+                "GitHubClientSecret": configs.Authentication?.["GitHubClientSecret"] || '',
+                "GitHubCallbackUrl": configs.Authentication?.["GitHubCallbackUrl"] || ''
               }}
               onSave={(_group, key, value) => handleSaveConfig('Authentication', key, value)}
               descriptions={{
                 "GitHubClientId": 'GitHub OAuth 应用客户端ID',
-                "GitHubClientSecret": 'GitHub OAuth 应用客户端密钥'
+                "GitHubClientSecret": 'GitHub OAuth 应用客户端密钥',
+                "GitHubCallbackUrl": 'GitHub OAuth 认证回调地址'
               }}
             />
           </TabPane>