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请求。
示例
- 允许特定域名:为单个前端域名配置CORS
- 多域名CORS:为多个域名配置动态CORS
- API CORS配置:为REST API设置完整CORS头
- 预检缓存优化:设置Access-Control-Max-Age减少预检请求
- 凭据模式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工作流程中。