在vue3项目中使用el-tabs切换标签页时echarts图表显示不正确

不废话，直接上正文。^_

方法一

思路：利用 BodyReader 直接读取 HttpContext 的 Request Body，再反序列化

var reqStream = context.Request.BodyReader.AsStream();
var jsonObj = JsonSerializer.Deserialize<CheckAndParsingMiddlewareModel>(reqStream);

方法二

思路：传统方式，将 HttpContext 的 Request Body 转成字符串，再反序列化

Stream reqStream = context.Request.Body;
byte[] buffer = new byte[context.Request.ContentLength!.Value];
await reqStream.ReadAsync(buffer, 0, buffer.Length);
var reqStr = Encoding.UTF8.GetString(buffer);
var jsonObj = JsonSerializer.Deserialize<CheckAndParsingMiddlewareModel>(reqStr)!;

总结：

1. 以上两种写法都可以，第一种更简洁，第二种更灵活
2. JsonSerializer.Deserialize 不支持序列化为 dynamic 类型，需要创建一个实体类

Step By Step 实例

Step By Step 实例可参考前文 《聊聊 ASP.NET Core 中间件（三）：如何创建自己的中间件？》