Angular中unshift提交的POST请求如何持久化？json-server新增数据刷新后回底部怎么办？

这不是json-server的异常，属于它的默认设计行为：

json-server处理POST新增请求时，默认会把新条目直接追加到对应资源的存储数组末尾完成持久化，不会调整原有数组的顺序。你在前端执行的unshift操作仅修改了浏览器内存中缓存的tasksCollection数组，没有改变服务端的存储顺序。页面刷新后前端会重新从json-server拉取全量数据，自然恢复为服务端存储的顺序。
你记忆中仅靠unshift即可生效，大概率是当时没有触发页面刷新，或是之前的项目中额外添加了拉取列表后的排序逻辑。

你目前贴的新增代码逻辑本身没有问题，新增后调用unshift可以实现操作后立即看到新条目在顶部，缺少的是拉取全量数据时的统一排序逻辑。

• 常规生产环境中，数据唯一主键ID确实应由后端负责分配，前端不需要自行生成，避免出现ID冲突、重复等问题。json-server本身也支持接收不带ID的POST请求，会自动生成自增数值类型的唯一ID。
• 「不需要额外做排序操作」的认知不符合你的业务需求：数组本身没有强制按ID排序的要求，但你要实现「新条目固定在顶部」的展示效果，必须明确统一的排序规则，不能只依赖前端临时修改内存数组的顺序。

按推荐优先级排序可选以下方案：

• 新增时间戳字段排序
  给Task模型新增createTime字段，新增任务时前端传入当前时间戳（也可由后端生成），每次拉取任务列表后，统一按createTime字段倒序排列，不管服务端存储顺序如何，最终展示都会保持最新的任务在顶部。该方案适用性最强，后续调整排序规则也更灵活。
• 利用json-server自增ID排序
  json-server自动生成的自增ID是递增的，越新的条目ID越大，每次拉取列表后按ID倒序排列即可实现新条目在前，不需要额外新增字段，适合简单的原型开发场景。
• 自定义json-server存储逻辑
  如果要求服务端存储时就保持新条目在顶部，可以自定义json-server中间件，重写POST请求的处理逻辑，将新条目unshift到数组头部再写入JSON文件，该方案改造成本较高，仅适合特殊需求场景。

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