刷新页面数组元素切换及特定产品营收查询异常问题

1. 刷新页面后营收数组元素位置切换、数据变化 #

问题原因 #

后端API查询最近两个月营收数据时，未对结果按时间字段做固定排序。数据库默认返回顺序依赖存储引擎内部规则（比如数据插入顺序、主键顺序），多次查询时顺序可能波动，导致前端数组元素位置错乱。

解决方案 #

修改后端查询语句，添加明确的排序条件。比如按月份降序（最新月份在前）：

SELECT month, revenue FROM revenue_data WHERE month >= DATE_SUB(CURRENT_DATE(), INTERVAL 2 MONTH) ORDER BY month DESC;

或按月份升序：

SELECT month, revenue FROM revenue_data WHERE month >= DATE_SUB(CURRENT_DATE(), INTERVAL 2 MONTH) ORDER BY month ASC;

相关截图说明：

• 管理后台中包含最近两个月营收的数组：初始状态下的月份与营收对应关系
• 刷新页面后数组元素切换、营收变化：刷新后月份顺序颠倒，营收数据对应错位
• 后端代码截图：原查询逻辑未包含排序语句

2. 查询特定产品时返回全部营收数据 #

问题原因 #

两种可能性：

• 前端请求特定产品营收时，没把产品ID作为参数传递给API接口
• 后端接口未正确接收并使用产品ID参数，SQL查询没加产品过滤条件，导致返回全量数据

解决方案 #

1. 前端检查：确认发起请求时，已在请求参数（URL参数/请求体）中携带目标产品ID，示例：

// axios请求示例
axios.get('/api/revenue', { params: { productId: '目标产品ID' } })

2. 后端检查：修改SQL查询语句，添加产品过滤条件，示例：

SELECT month, revenue FROM revenue_data WHERE product_id = ? AND month >= DATE_SUB(CURRENT_DATE(), INTERVAL 2 MONTH) ORDER BY month DESC;

确保后端正确接收productId参数并注入查询条件。

相关截图说明：

• 前端代码截图：可检查请求逻辑是否携带产品ID参数
• 查询特定产品却获取全部营收：查询某产品后，返回的仍是全量营收数据

内容的提问来源于stack exchange，提问作者Vlad Bocai