首页/开发/软件测试速查/MSW 请求拦截(Mock Service Worker)
自动化测试66 条

MSW 请求拦截(Mock Service Worker)

MSW 在网络层拦截请求:浏览器端通过 Service Worker、Node 端通过拦截器,前端开发与测试共用同一套 handler 定义,不需要为测试单独维护一套 mock 层。

软件测试速查开发更新于 2026-10-12

handler 示例

handler 示例
import { http, HttpResponse } from 'msw';

export const handlers = [
  http.get('/api/user', () => HttpResponse.json({ name: 'alice' })),
];
未匹配的请求默认放行到真实网络;把 onUnhandledRequest 设为报错可及时发现漏配接口。

易错点

  • handler 字段与真实后端不一致,测试通过但联调失败
  • 未开启未匹配告警,漏配接口静默走真实网络

数据来源与参考

  • MSW 官方文档(mswjs.io)
​‌‌​​‌​​​‌‌​‌‌‌‌​‌‌​​​‌‌​‌‌‌​​‌‌​​‌​‌‌‌​​‌‌‌​​​‌​‌‌​‌​​‌​‌‌‌​​​‌​‌‌​‌​​‌​‌‌​​​‌‌​‌‌‌​‌​​​‌‌​‌‌‌‌​​‌​‌‌‌​​‌‌​​​‌‌​‌‌​‌‌‌‌​‌‌​‌‌​‌