如何使用 mswjs 模拟外部 domain/resource？

Question

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

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

有人可以提供配置示例吗？

如果需要的话，我会使用 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 }))
  })
]

看看project's README，其中包含模拟外部资源的示例。

如何使用 mswjs 模拟外部 domain/resource？

How to mock an external domain/resource using mswjs?

msw