Nik Faraday

if (context.Exception?.GetType() == typeof(SecurityTokenExpiredException))
{
    IJwtService jwtService = context.HttpContext.RequestServices.GetService<IJwtService>();

    if (context.Request.Cookies.TryGetValue("refresh-token", out string refreshToken))
    {
        Result<ClaimsPrincipal> principalResult = jwtService.ValidateAndDecodeToken(refreshToken);
        if (!principalResult.IsSuccess || principalResult.Value == null)
        {
            return Task.CompletedTask;
        }

        Result<string> renewAccessTokenResult = jwtService.Encode(principalResult.Value);
        if (!renewAccessTokenResult.IsSuccess && renewAccessTokenResult.ValidationErrors.Any())
        {
            return Task.CompletedTask;
        }

        context.Response.Cookies.Append("access-token", renewAccessTokenResult.Value);
        context.Response.StatusCode = 200;
        context.HttpContext.User = principalResult.Value;
        context.Principal = principalResult.Value;
        context.Success();
    }
}
return Task.CompletedTask;

1. 
   Настройка CORS. Для того, что бы настроить cors для React(Next)JS Application, нужно указывать адрес https и это важно, поскольку при запуске приложения React(Next)JS адрес начинается с http. Пример:
   

   // ...
   services.AddCors(options =>
   {
       options.AddPolicy("AllowTeachToolClient",
           builder =>
           {
               builder.WithOrigins("http://localhost:3000", "https://localhost:3000");
               builder.AllowAnyHeader();
               builder.AllowAnyMethod();
           });
   });
   // ...

   
   
   
2. 
   При генерации Jwt токена, нужно использовать именно SymmetricSecurityKey. Это для тех, кто захочет аналогично как я попробовать использовать что-то типа RSA(2048)
   
   

   Я не говорю, что они не работают, просто для начала с этим могут быть проблемы с реализацией

   
   
   
3. 
   Самое главное это заголовки. Лично у меня проблема решилась при наличии следующих header'ов:
   
   • Get:

     'Accept': '*/*',
     'Host': 'http://localhost:3000',
     'Content-Type': 'application/json',
     'Authorization': 'Bearer {token}'

     
     
     
   • 
     Post:

     'Accept': '*/*',
     'Host': "http://localhost:3000",
     'Content-Type': 'application/json;'

     
     
     
     Понятно, что наличие заголовка
   Authorization зависит от того, куда кидаете запрос. Обычно используется, для доступа к [Authorize] контроллерам/эндпоинтам
   
   
   
4. 
   Настройка Cors (Нюанс, для тех, кто с таким может столкнуться). Код для регистрации политики Cors:
   

   services.AddCors(options =>
   {
       options.AddPolicy("AllowTeachToolClient",
           builder =>
           {
               builder.WithOrigins("http://localhost:3000");
               builder.AllowAnyHeader();
               builder.AllowAnyMethod();
           });
   });

   
   
   И самое главное, что ниже эту же политику нужно подключить перед тем, как вы будете использовать app.UseAuthentication(); и app.UseAuthorization();. Вырезка с самого вопроса:
   
   

   var app = builder.Build();
   
   app.UseCors("AllowTeachToolClient");
   
   app.UseHttpsRedirection();
   
   app.UseAuthentication();
   app.UseAuthorization();
   
   app.MapControllers();
   
   app.Run();

   
   
   
   

let packagesForm = new FormData();
for (let i = 0; i < packages.length; i++) {
    packagesForm.append(`vm[${i}].Image`, packages[i].Image);
    packagesForm.append(`vm[${i}].MeasureUnit`, packages[i].MeasureUnit);
    packagesForm.append(`vm[${i}].VolumeUnit`, packages[i].VolumeUnit);
    packagesForm.append(`vm[${i}].Volume`, packages[i].Volume);
    packagesForm.append(`vm[${i}].Price`, packages[i].Price);
    packagesForm.append(`vm[${i}].ProductId`, Number(response.id));
}

src="data:image;base64,@System.Convert.ToBase64String(Model.User.Avatar)"

buttons[i].onclick = () => {
        let buttonId = buttons[i].id.split('-')[1];
        let note = document.getElementById('note-' + buttonId).innerHTML;
        noteModal.innerHTML = note;

        $("#delete-note-btn").on('click', () => {
            let data = {
                NoteId: buttonId,
                ClientId: @Model.ClientId,
            };

            let jsonData = JSON.stringify(data);

            $.ajax({
                url: '@Url.Action("Delete", "Note")',
                method: 'post',
                data: jsonData,
                dataType: 'json',
                contentType: 'application/json; charset=utf-8',
                success: (response) => {
                    document.getElementById('modal-close-button').click();
                    setTimeout(() => {
                        location.reload();
                    }, 500);
                },
                error: (response) => {
                    // Autoredirect to error view
                },
            });
        });
    }