Next.js应用通过Appwrite连接数据库时终端出现Invalid URL错误

看起来你遇到的这个错误根源很明确——从错误栈里的input: 'undefined/account'能看出来，Appwrite在尝试拼接API地址的时候，你的API端点（Endpoint）被解析成了undefined，导致生成了无效的URL，进而触发了ERR_INVALID_URL错误。

我帮你整理几个针对性的排查和解决步骤，你可以一步步来：

• 先检查环境变量的配置
  Next.js里前端可访问的环境变量必须带NEXT_PUBLIC_前缀，你先确认项目根目录的.env.local文件里是不是正确配置了Appwrite的参数：

  NEXT_PUBLIC_APPWRITE_ENDPOINT=https://你的Appwrite实例地址/v1
  NEXT_PUBLIC_APPWRITE_PROJECT_ID=你的项目ID
  

  注意别漏了/v1后缀，这是Appwrite API的标准路径。

• 核对Appwrite客户端的初始化代码
  看看你初始化Appwrite客户端的文件（比如lib/appwrite.ts），有没有正确读取环境变量，比如：

  import { Client, Account, Databases } from 'appwrite';
  
  const client = new Client();
  
  // 这里要确保环境变量名完全匹配，别写错
  client
    .setEndpoint(process.env.NEXT_PUBLIC_APPWRITE_ENDPOINT!)
    .setProject(process.env.NEXT_PUBLIC_APPWRITE_PROJECT_ID!);
  
  export const account = new Account(client);
  export const databases = new Databases(client);
  

  要是拼写错了环境变量的名字，或者没加NEXT_PUBLIC_前缀，前端代码就拿不到这个值，自然会变成undefined。

• 重启开发服务器
  很多人容易忽略这一点：修改环境变量后，必须重启Next.js的开发服务器（关掉npm run dev再重新启动），不然新的环境变量不会生效，客户端还是会读到旧的值或者undefined。

• 临时验证环境变量是否加载成功
  你可以在初始化客户端的代码里加两行临时日志，看看环境变量是不是真的被正确读取了：

  console.log("Appwrite端点：", process.env.NEXT_PUBLIC_APPWRITE_ENDPOINT);
  console.log("Appwrite项目ID：", process.env.NEXT_PUBLIC_APPWRITE_PROJECT_ID);
  

  启动项目后看终端输出，如果显示undefined，那肯定是环境变量配置有问题；如果是正确的地址，再检查是不是端点地址里有多余的空格或者拼写错误。

只要把Appwrite的端点配置正确，这个Invalid URL的错误应该就能解决，之后连接数据库的操作也能正常进行了。

备注：内容来源于stack exchange，提问作者Rishabh Raj