如何在浏览器中模拟请求的错误响应？

Question

我想在向服务器后端发出 HTTP 请求时使用实际的错误响应来练习我的 JavaScript 错误处理代码。因此，我正在寻找一种简单的方法来模拟响应，使用给定的状态代码、标头、响应正文等。

通过msw包，我可以设置一个服务工作人员来捕获请求并生成响应：

import { rest } from "msw";

const BASE_PATH = "https://localhost:3000";

export const handlers = [
  rest.get(`${BASE_PATH}/hello`, (req, res, ctx) => {
    return res(ctx.status(200), ctx.json({ data: "Hello!" }));
  }),
  rest.get(`${BASE_PATH}/error`, (req, res, ctx) => {
    return res(ctx.status(400), ctx.json({ message: "Bad request" }));
  })
} 

然而，这需要一些代码来连接。如果 Chrome 开发工具中有一些功能可以让我修改响应，就像我可以阻止对某些路由的请求一样，那就更好了。

在浏览器中模拟 HTTP 请求响应的最简单方法是什么？

Answer 1

好吧，我想似乎没有人有任何值得作为答案的建议，所以我会尝试完全意识到这不会完全回答你的问题。

当我需要一个可以返回各种晦涩的 HTTP 代码以进行测试的 API 时，我会使用此网站： https: //httpstat.us/。这就像附加所需的代码并进行调用（https://httpstat.us/400、https://httpstat.us/404等https://httpstat.us/200）一样简单

显然，它不能完成您需要的所有操作“状态代码、标头、响应正文等”，但它肯定会提供测试各种 HTTP 响应代码的能力。

Answer 2

正在寻找同样的东西，发现这个名为Tweak 的Chrome 扩展正是提供了这一点，它允许您模拟请求而无需编写代码，您可以模拟响应，包括状态代码、有效负载和标头。