图片是微信截图掘金不知道为什么访问不来，只能转成图片和pdf供大家观看具体内容看githubmock-service在网上看可能网速不是很好，可以克隆下来，看static文件夹里面的图片或者pdf额外

在日常迭代项目中，遇到了浏览器缓存的问题，深入研究并发现了sw。因此本篇文章，仅对于个人对于sw的尝试与学习，初步理解其运用。

针对 mock 的方式可以说是五花八门，本文对比分析主流方案，并讲述了我使用的 MSW + Faker 的 mock 方案，也许可以帮助你选择适合你的技术选型。

Msw-Tools（Mock Service Worker Tools）是一个基于Msw和Svelte构建的数据Mock工具，用于前后端接口数据联调，方便开发者在不同数据、不同场景下进行功能测试。

Mock Service Worker is an API mocking library that uses Service Worker API to intercept request.

Mock Service Worke（MSW），一个功能完善的 API Mock 工具，它可以使用 Service Worker 拦截HTTP请求，可以模拟真实的 HTTP 请求

为什么需要 mock 至于平时开发为什么需要 mock 数据，应该大多数的同学都非常清楚了；如果前后端同步开发的话，少不了这一步，在需求评审，技术评估等流程通过后，前后端就会约定接口 api 的字段（