vue前后端分离项目中，对于空字符串转可空类型出错的解决办法

环境：netcore  6.0+

序列化采用自带的 System.Text.Json工具

使用vue做前后端分离时，我们提交的对象中，可能有些字段是为空字符串，但是对应接口要求是int? ，decimal? datetime?等类型。
那么在序列化时，就会报错。

因为空字符串无法直接反序列化为 null

 

所以我们需要自定义一个转换规则：

 public class NullableConverter<T> : JsonConverter<T?> where T : struct
    {

        public override T? Read(ref Utf8JsonReader reader, Type typeToConvert, JsonSerializerOptions options)
        {
            if (reader.TokenType == JsonTokenType.String)
            {
                if (string.IsNullOrEmpty(reader.GetString()) || string.IsNullOrWhiteSpace(reader.GetString()))
                {
                    return null;
                }
            }
            return JsonSerializer.Deserialize<T>(ref reader, options);
        }


        public override void Write(Utf8JsonWriter writer, T? value, JsonSerializerOptions options)
        {
            JsonSerializer.Serialize(writer, value!.Value, options);
        }

    }

然后注入到services中

            services.AddControllersWithViews(options =>
            {
            }).AddJsonOptions(options =>
            {
                options.JsonSerializerOptions.Converters.Add(new KJXX.Models.NullableConverter<int>());
                options.JsonSerializerOptions.Converters.Add(new KJXX.Models.NullableConverter<decimal>());
                options.JsonSerializerOptions.Converters.Add(new KJXX.Models.NullableConverter<DateTime>());

            });

有多少个类型，都需要增加对饮的option注入。

 

这样就能解决了