使用 CORS 模拟 API

创建一个可以由任何来源的浏览器 JavaScript 调用的公共模拟 —— 没有 CORS 错误，无需代理。

何时使用此功能

当你的前端在 localhost 上运行且 API 是另一个来源上的模拟时，浏览器会因 CORS 错误而拦截 fetch。打开 CORS，Quickmock 会响应预检请求并添加宽松的 Access-Control-* 标头，因此在构建 UI 时，fetch() 可以在任何来源下正常工作。不会暴露任何凭据 —— 预设是通配符来源（wildcard-origin），且没有 Allow-Credentials。

创建模拟

curl -X POST https://quickmock.dev/api/mocks \
  -H 'Content-Type: application/json' \
  -d '{
  "method": "GET",
  "content_type": "application/json",
  "response_body": "{\"ok\":true}",
  "cors_enabled": true
}'

调用它

curl -H 'Origin: https://app.example.com' https://quickmock.dev/m/<slug>

您将获得什么

the response carries Access-Control-Allow-Origin: *
and OPTIONS preflight answers 204 — fetch() works from any origin

相关指南

• 模拟 REST API 端点 获取一个公开的 JSON 端点，以便在后端存在之前解除前端的阻塞。
• 返回逼真的假数据 使用 {{faker.*}} 标记在每次调用时获取新鲜的姓名、电子邮件和 UUID。
• 模拟特定的错误响应 返回准确的 4xx/5xx 状态和正文，以按需复现边缘情况。

← 所有指南

最后更新: 2026-10-17