Aplikasi saya ialah pendekatan hibrid menggunakan ASP.NET Core MVC sebagai hujung belakang. Saya mempunyai pelbagai pengawal yang digunakan bahagian hadapan saya untuk menarik data daripada pangkalan data dan membuat panggilan API pada MS Graph. Saya menggunakan fail program.cs berikut untuk memulakan pengesahan apabila pengguna log masuk ke tapak web buat kali pertama:

//authentication pipline
builder.Services.AddHttpContextAccessor();
var initialScopes = builder.Configuration.GetValue<string>("DownstreamApi:Scopes")?.Split(' ');
builder.Services.AddAuthentication(OpenIdConnectDefaults.AuthenticationScheme)
                .AddMicrosoftIdentityWebApp(options =>
                {
                    builder.Configuration.Bind("AzureAd", options);
                    options.Events = new OpenIdConnectEvents
                    {
                        //Tap into this event to add a UserID Claim to a new HttpContext identity
                        OnTokenValidated = context =>
                        {
                            //This query returns the UserID from the DB by sending the email address in the claim from Azure AD
                            string query = "select dbo.A2F_0013_ReturnUserIDForEmail(@Email) as UserID";
                            string connectionString = builder.Configuration.GetValue<string>("ConnectionStrings:DBContext");
                            string signInEmailAddress = context.Principal.FindFirst   Value("preferred_username");

                            using (var connection = new SqlConnection(connectionString))
                            {
                                var queryResult = connection.QueryFirst(query, new { Email = signInEmailAddress });

                                var claims = new List<Claim>
                                {
                                    new Claim("UserID", queryResult.UserID.ToString())
                                };

                                var appIdentity = new ClaimsIdentity(claims);

                                context.Principal.AddIdentity(appIdentity);
                            }

                            return Task.CompletedTask;
                        },
                    };
                }).EnableTokenAcquisitionToCallDownstreamApi(initialScopes)
                        .AddMicrosoftGraph(builder.Configuration.GetSection("DownstreamApi"))
                        .AddInMemoryTokenCaches();

//Add Transient Services
builder.Services.AddTransient<IOneDrive, OneDrive>();

builder.Services.AddControllers(options =>
{
    var policy = new AuthorizationPolicyBuilder()
        .RequireAuthenticatedUser()
        .Build();
    options.Filters.Add(new AuthorizeFilter(policy));
}).AddMicrosoftIdentityUI();

builder.Services.AddRazorPages().AddRazorPagesOptions(options =>
{
    options.Conventions.AllowAnonymousToFolder("/Login");
    options.Conventions.AuthorizeFolder("/");
    options.Conventions.AuthorizeFolder("/files");
}).AddMicrosoftIdentityUI();

// Add the UI support to handle claims challenges
builder.Services.AddServerSideBlazor()
   .AddMicrosoftIdentityConsentHandler();
builder.Services.AddRequiredScopeAuthorization();

Dalam portal Azure AD, permohonan saya didaftarkan sebagai aplikasi web. Oleh itu, apabila pengguna mula-mula mengakses tapak web, mereka dialihkan ke https://login.microsoftonline.com/blahblah untuk memulakan proses log masuk. Ini dilakukan secara automatik oleh platform identiti Azure AD. Kemudian, setelah log masuk berlaku, mereka dialihkan ke localhost (localhost:43862) di mana VueJS spa dimuatkan. Spa saya menggunakan pelbagai permintaan aksios kepada pengawal, yang menarik data, dan penghala vue untuk memuatkan komponen. Walau bagaimanapun, masalah saya ialah pengguna perlu log masuk semula kerana kuki telah tamat tempoh atau mereka log keluar dalam tab lain. Permintaan axios seterusnya daripada sesi tamat tempoh tidak mengubah hala pengguna ke skrin log masuk Azure tetapi mengakibatkan ralat CORS. Oleh itu, saya perlu meminta axios saya memaksa halaman untuk mengubah hala ke skrin log masuk Azure AD (yang mungkin merupakan idea yang paling teruk kerana dasar CORS akan menyebabkan ralat), atau minta ia ubah hala semula ke localhost/log masuk, itulah yang saya Anda skrin log masuk tersuai sendiri menggunakan butang log masuk Azure AD seharusnya tidak menjejaskan CORS. Jadi bagaimana saya memintas ubah hala Azure AD ini ke log masuk Azure AD dan menggantikannya dengan saya sendiri?

Saya juga cuba mengembalikan kod ralat 401 supaya saya boleh menyemaknya dalam permintaan axios, tetapi tidak berjaya, ia tidak melakukan apa-apa. Jika saya meletakkan titik putus di sana, ia memukul kod ini, tetapi ia tidak mengubah kod status respons, saya masih mendapat 302. Kod saya cuba ditambahkan pada acara:

OnRedirectToIdentityProvider = context =>
                    {
                        context.Response.StatusCode = 401;
                        return Task.CompletedTask;
                    }

Pemikiran saya yang lain mungkin saya perlu menyediakan dasar CORS untuk membenarkan ubah hala daripada login.microsoft.com? Atau adakah ini amalan buruk?