ToolypetMCP

CORS头生成器 | Toolypet

免费在线CORS头生成器。配置跨域资源共享头部。支持MCP。

这是什么?

CORS(跨源资源共享)头生成器,创建正确的HTTP头以启用安全的跨域请求。支持配置允许的源、方法、头和凭据选项。

输入

https://example.com

添加允许访问您资源的源。使用*表示通配符(不建议与凭证一起使用)。

JavaScript可以在响应中访问的头(可选)

允许cookie和授权头。不能与通配符(*)源一起使用。

浏览器可以缓存预检响应的时间(秒)

预览

配置CORS设置后点击生成以查看头

使用方法

配置允许的源(Origin)、HTTP方法、请求头和凭据选项。设置预检请求缓存时间。工具生成完整的CORS响应头和服务器配置代码。

深入解析

CORS是浏览器的安全机制,控制跨域HTTP请求。简单请求(GET/POST,标准头)直接发送。复杂请求先发送OPTIONS预检请求,服务器返回允许的配置。 Access-Control-Allow-Origin不能同时设为*和允许凭据(credentials: include)。需要动态返回请求的Origin值。Access-Control-Max-Age缓存预检结果以减少OPTIONS请求。

示例

  1. 允许特定域名:为单个前端域名配置CORS
  2. 多域名CORS:为多个域名配置动态CORS
  3. API CORS配置:为REST API设置完整CORS头
  4. 预检缓存优化:设置Access-Control-Max-Age减少预检请求
  5. 凭据模式CORS:配置支持Cookie的CORS

安装 Toolypet MCP 服务器

通过一条命令将 Toolypet 工具添加到您的 AI 代理。支持 Claude Desktop、Claude Code、Cursor 及所有 MCP 兼容客户端。

快速开始
npx -y @toolypet/mcp-server@latest
MCP 客户端配置
{
  "mcpServers": {
    "toolypet": {
      "command": "npx",
      "args": [
        "-y",
        "@toolypet/mcp-server@latest"
      ]
    }
  }
}
工具名称:mcp__toolypet__cors_header_generator
提示示例
Generate CORS headers allowing requests from https://example.com with GET and POST methods
输入示例
{
  "origins": [
    "https://example.com"
  ],
  "methods": [
    "GET",
    "POST"
  ],
  "headers": [
    "Content-Type",
    "Authorization"
  ],
  "credentials": true,
  "maxAge": 3600
}
输出示例
{
  "headers": {
    "Access-Control-Allow-Origin": "https://example.com",
    "Access-Control-Allow-Methods": "GET, POST",
    "Access-Control-Allow-Headers": "Content-Type, Authorization",
    "Access-Control-Allow-Credentials": "true",
    "Access-Control-Max-Age": "3600"
  }
}

常见问题

什么是预检请求?
浏览器对复杂跨域请求先发送OPTIONS请求,检查服务器是否允许实际请求。服务器返回CORS头指示允许的方法和头。
为什么通配符*不能和凭据一起使用?
这是安全限制。允许凭据时必须明确指定Origin,不能用*。否则任何站点都能发送带凭据的请求到你的API。
Access-Control-Max-Age设多长?
86400秒(1天)是常见值。Chrome最大为7200秒(2小时)。Firefox最大为86400秒。设置合理值减少预检请求。
如何处理多个允许的域名?
CORS不直接支持多个Origin值。需要在服务端动态检查请求Origin,匹配白名单后返回该Origin值。
CORS错误如何调试?
查看浏览器开发者工具的Network标签和Console错误。检查预检请求的响应头。确认服务器正确返回所有CORS头。
如何在Claude/Cursor中使用此工具?
您可以通过MCP使用此工具。将Toolypet MCP服务器添加到您的AI代理配置中,使用 'npx -y @toolypet/mcp-server@latest'。然后让AI使用对应的MCP工具及相应参数。
什么是MCP?为什么Toolypet支持它?
MCP(模型上下文协议)是一个开放标准,允许Claude和Cursor等AI代理使用外部工具。Toolypet支持MCP,让您可以在浏览器和AI代理中使用所有65+工具,将计算和操作无缝集成到AI工作流程中。

相关工具