mirage推荐:新手该选哪种用法

mirage推荐给新手,我不会一上来劝你把全套功能都学完。真正好上手的路线,是先把它当接口替身,再慢慢用模型、工厂和序列化。下面把几种常见用法逐项对比,按你的项目情况选。

用法一:路由里直接返回数据

这是我最推荐新手第一天用的方式。写一个 this.get('/api/todos', () => ({ todos: [...] })),页面马上能跑。优点是直观,坏处是数据写多了会散。

适合小页面、临时演示、验证交互。比如一个设置页只有获取配置和保存配置两个接口,直接返回对象就够了。别为了显得专业,上来就建一堆模型。

用法二:seeds统一造数据

如果列表、详情、搜索都围着同一批数据转,我更推荐 seeds。你可以在 seeds(server) 里创建 10 个用户,再让不同接口从数据库里查。

它比直接写死更接近真实后端。比如列表点进详情,看到的是同一个用户,而不是两个地方各写一份假数据。新手做后台管理系统时,这种用法很稳。

想要完整资源?

会员专享,海量内容

立即查看 →

用法三:models和factories组合

这套适合数据量稍微复杂的项目。models 定义资源,factories 批量生成类似真实的记录。比如创建 30 个订单,每个订单有不同状态、金额和时间。

它的门槛比前两种高一点,但维护起来舒服。我的建议是:当你发现自己复制粘贴假数据超过三次,就可以考虑 factories;没到这个程度,先别急。

用法四:serializers处理返回格式

serializers 很多人忽略,但项目一复杂就离不开。因为 Mirage 默认返回结构不一定等于你后端的结构。比如后端要求 data 外面包一层 code、message,就要自己处理。

新手不要一开始就深挖所有 serializer 选项,先记住一个原则:页面需要什么结构,Mirage 就返回什么结构。别让前端为了 mock 改业务代码。

我的推荐顺序

如果你问我 mirage推荐哪种学习路线,我会排成这样:直接路由返回数据、seeds 统一数据、factories 批量生成、serializers 统一格式、最后再研究 passthrough 和错误模拟。

这个顺序的好处是每一步都能立刻用上,不会学半天还不知道放哪儿。Mirage 不是越复杂越好,能让页面早跑起来、后面少返工,才算用对。

获取完整内容

加入会员,海量资源任你看

立即进入 →

常见问题

mirage推荐新手先学哪些API?

先学 createServer、routes、this.get、this.post、seeds。等页面能跑起来后,再学 models、factories、serializers。

Mirage JS适合Vue项目吗?

可以。Mirage 和框架关系不大,只要你的页面通过 fetch 或 axios 发请求,它就能在请求层模拟接口。

新手用Mirage要不要学数据库概念?

不用一开始就学深。先理解 Mirage 里有个临时数据仓库,可以创建、读取、更新数据,就足够做大多数页面。