React调用Appwrite接口遇CORS错误，如何解决？

在Appwrite控制台配置跨域权限 #

这是解决CORS问题的核心步骤：

• 登录Appwrite控制台，进入你的目标项目
• 左侧导航栏选择设置，切换到平台标签页
• 点击添加平台，选择Web应用类型
• 输入你的React项目访问地址：本地开发填http://localhost:3000（端口号根据项目实际情况调整），生产环境填正式域名
• 保存配置，等待1-2分钟让设置生效

修正API端点与客户端配置 #

你的错误提示里的请求URL存在格式错误，这也会导致CORS请求失败：

• 检查请求URL：错误的https://cloud.appwrite.io.v1/要改为https://cloud.appwrite.io/v1/（把域名后的.v1改成/v1）
• 确认React项目中Appwrite客户端的初始化代码正确：

import { Client, Databases } from 'appwrite';

const client = new Client()
    .setEndpoint('https://cloud.appwrite.io/v1') // 确保端点地址正确
    .setProject('你的项目ID'); // 替换为实际项目ID

const databases = new Databases(client);

内容的提问来源于stack exchange，提问作者Jon-ElCapitan