可以使用 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 发数据请求就可以。

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

加微信，深入交流~