Appwrite登出用户时DELETE请求出现CORS错误问题

以下是针对「GET/POST请求正常，仅登出调用deleteSessions()触发DELETE请求CORS错误」问题的排查和解决步骤：

1. 核对Appwrite控制台的平台配置细节 #

• 确保项目「平台」中添加的完整地址包含协议和端口：比如本地开发用http://localhost:3000（端口根据你实际项目调整），不能只填localhost。
• 进入该平台的编辑页面，确认「允许的方法」中勾选了DELETE和OPTIONS（OPTIONS是预检请求必需的，很多时候会被忽略）。
• 「允许的头」可以先临时设置为*测试（生产环境建议指定必要头，比如Content-Type,X-Appwrite-Project,X-Appwrite-Key）。

2. 调整deleteSessions()的调用方式 #

尝试改为删除当前会话而非全部会话，看是否能绕过CORS问题：

async logout(){
    try {
        // 改为删除当前会话
        const account = await this.account.deleteSession("current")
        return account
    } catch (error) {
        console.log("Appwrite :: logout :: ", error);
        throw error
    }
}

3. 清除浏览器缓存与旧会话 #

• 打开浏览器无痕模式测试，避免旧CORS规则缓存影响。
• 手动清除Appwrite相关Cookie：在浏览器开发者工具的「Application」面板中，找到Appwrite域名下的Cookie并删除，重新登录后再测试登出。

4. 自托管Appwrite的额外检查（如果是自己部署的服务） #

• 打开docker-compose.yml，检查环境变量：
  • 确保_APP_OPTIONS_FORCE_HTTPS=false（本地HTTP环境下）；
  • _APP_CORS_ORIGINS需包含你的localhost地址，多个地址用逗号分隔，比如_APP_CORS_ORIGINS=http://localhost:3000,http://localhost:8080。
• 修改配置后重启Appwrite容器，确保配置生效。

5. 检查预检请求响应 #

打开浏览器开发者工具的「Network」面板，找到失败的OPTIONS预检请求，查看响应头：

• 确认Access-Control-Allow-Origin的值与你的前端地址完全匹配；
• 确认Access-Control-Allow-Methods中包含DELETE。

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