客户端JS调用MongoDB Atlas Data API遇CORS错误，求排查

我尝试通过客户端JavaScript调用MongoDB Atlas API，代码片段如下：

try {
    const exportData = await exportBackupData();
    const url = `https://${region}.data.mongodb-api.com/app/${appId}/endpoint/data/v1/action/insertOne`;
    const response = await fetch(url, {
        method: 'POST',
        headers: {
            'Accept': 'application/json',
            'Authorization': `Bearer ${token}`
        },
        body: JSON.stringify({
            dataSource: 'mongodb-atlas',
            database: dbName,
            collection: collectionName,
            document: exportData,
        }),
    });

但收到以下CORS错误：

{type: 'cors', url: 'https://ap-southeast-2.aws.data.mongodb-api.com/ap…ation-0-mbgslar/endpoint/data/v1/action/insertOne', redirected: false, status: 400, ok: false, …}

我已确认Bearer认证支持CORS并完成配置，同时在MongoDB应用设置的「允许请求源」中添加了主机名，请问还遗漏了什么？

可能的遗漏点 #

• 添加Content-Type请求头：请求body为JSON格式，但未携带Content-Type: application/json头，MongoDB Atlas API要求POST请求必须包含该头。缺少它会返回400错误，进而触发浏览器的CORS报错。将该头加入请求headers中。

• 精确匹配「允许请求源」：确认添加的请求源与实际请求的源完全一致，比如本地开发需包含端口号（如http://localhost:3000不能只写http://localhost）、协议（HTTP/HTTPS）不能错，无拼写错误。若使用*通配符，部分浏览器会限制其与Bearer认证共存，建议改用具体源。

• 验证Token有效性与权限：报错显示CORS，但400状态码可能源于Token无效或无目标集合的写入权限。先用Postman等工具直接调用API，排除Token和权限问题。工具调用成功再排查客户端CORS；若工具也返回400，优先解决Token或权限问题。

• 检查Data API配置：确认MongoDB Atlas中对应Data API已启用，数据源mongodb-atlas正确关联目标集群，数据库、集合名称拼写正确（注意大小写敏感）。

• 清除浏览器CORS缓存：浏览器可能缓存旧的CORS配置，尝试清除缓存、用无痕模式测试或重启浏览器后重试。

内容的提问来源于stack exchange，提问作者amitz27