使用Appwrite开发Web应用时CORS及404网络请求错误的解决方法

先解决404 Not Found问题（根源可能在此） #

你请求的https://cloud.appwrite.io/v1/account是错误的端点格式，Appwrite Cloud的正确端点需要包含项目ID前缀，格式为https://[你的项目ID].cloud.appwrite.io/v1。直接访问不带项目ID的地址会返回404，而404响应通常不会携带CORS头，进而触发CORS报错。

• 打开Appwrite控制台，进入你的项目，在设置页面复制正确的端点和项目ID。
• 修正客户端初始化代码，确保端点和项目ID匹配：

  import { Client, Account } from "appwrite";
  
  const client = new Client()
      .setEndpoint('https://<你的项目ID>.cloud.appwrite.io/v1') // 替换为实际端点
      .setProject('<你的项目ID>'); // 替换为实际项目ID
  
  const account = new Account(client);
  

配置CORS白名单 #

即使端点正确，未配置CORS也会阻止本地请求：

• 进入Appwrite控制台的项目设置→平台，点击添加平台选择Web App。
• 在域名栏输入http://localhost:3000（开发环境），生产环境填实际域名，保存设置。
• 等待1-2分钟让配置生效，Appwrite的CORS规则可能有缓存延迟。

验证与收尾 #

• 强制刷新浏览器（Ctrl+Shift+R/Cmd+Shift+R），清除缓存后重新测试。
• 重启前端开发服务器，确保客户端代码的修改完全加载。
• 检查调用的Account API方法参数是否合规，避免因参数错误导致的请求失败。

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