可以使用 mswjsopen in new window 来对接口进行 mock。mswjs 通过 service worker 来实现 mock 能力。通过拦截所有的 HTTP 请求,根据定义好的 API 处理方式返回 mock 数据。

在开发过程中,当后端接口还在开发中,前端需要使用这个接口时,这个工具就非常有用。通过这个工具,我们不需要真正的后端服务,却可以像直接调用接口一样发起数据请求。

mswjs 需要为每一个 API 定义处理函数,这里是如何定义处理函数的样例open in new window

同时,mswjs 也需要定义接口的数据模型,这里是如何定义数据模型的样例open in new window

mswjs 可以实现像直接调用后端接口一样调用 API,也就是说它实现了数据的连续性。在写自动化测试时,这一点也非常有用,我们不需要为每一个接口 mock 数据了,我们直接向 mswjs 发数据请求就可以。

关注微信公众号,获取最新推送~