NextJS 14中无法在GraphQL（Apollo Client）中访问.env变量

本人使用NextJS 14版本开发项目，已经尝试过Stack Overflow上的所有相关解决方案，但均未解决问题，恳请不要将此帖标记为重复。

当前遇到的问题：在项目中使用Apollo Client对接GraphQL服务，希望根据NODE_ENV环境，通过.env/.env.development/.env.production/.env.local等环境文件切换Apollo Client的URI配置。但在浏览器控制台打印process.env时显示为空对象，而VS Code的终端控制台却能正常读取并显示相关环境变量。

以下是我的Apollo Client初始化代码：

import { ApolloClient, InMemoryCache } from "@apollo/client";

const CreateApolloClient = () => {
  console.log(process.env, "PROCESS");
  return new ApolloClient({
    uri: `http://localhost:4000/graphql`,
    cache: new InMemoryCache(),
  });
};

export default CreateApolloClient;

恳请各位帮忙排查解决这个问题，如果需要更多细节（比如环境文件内容、Next.js配置等），我可以随时补充。

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