msw - 如何使用 mswjs 模拟外部域/资源？

Question

我想使用 mswjs 来模拟一些外部 API（不在 localhost 上），我在网上找不到任何关于这是否可能的信息。

我需要同时模拟本地主机资源和外部资源。

有人可以提供如何执行此操作的示例配置吗？

如果重要的话，我正在使用 Storybook 插件。

Answer 1

您可以使用 MSW 模拟任何资源，无论它是外部的还是本地的。

提供您希望拦截的资源的路径，并在您的响应解析器函数中描述模拟逻辑：

import { rest } from 'msw'

export const handlers = [
  rest.get('https://api.github.com', (req, res, ctx) => {
    return res(ctx.json({ mocked: true }))
  })
]

查看项目的 README，其中包含模拟外部资源的示例。