React前端调用Appwrite遇CORS问题，Netlify部署如何解决？

你的问题核心是Appwrite的CORS白名单配置有误——当前仅允许https://localhost访问，而你的Netlify域名不在允许列表内，导致浏览器拦截请求。无需使用Express中转，直接在Appwrite控制台配置即可解决，步骤如下：

• 登录Appwrite控制台，进入你的目标项目
• 左侧导航栏找到「项目设置」，进入后选择「平台」选项
• 点击「添加平台」，选择「Web App」类型，输入你的Netlify完整域名：https://mon-portfolio-new.netlify.app，完成保存
• 回到项目设置，找到「API限制」区域，确认刚才的域名已添加到「允许的来源」列表（若未自动添加，手动补充并保存）
• 等待1-2分钟让配置生效，重新测试接口调用

Appwrite完全支持Netlify这类静态站点部署平台，只要正确配置CORS允许的来源，就能正常调用接口，无需额外后端中转服务。

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