next.js 错误:服务器组件呈现中出现错误:下一个13应用路由器

siotufzp  于 2023-10-18  发布在  其他
关注(0)|答案(1)|浏览(147)

我正在使用下一个13.4.2沿着与应用路由器,我面临着以下错误。

Error: An error occurred in the Server Components render. The specific message is omitted in production builds to avoid leaking sensitive details. A digest property is included on this error instance which may provide additional details about the nature of the error.

在开发或本地生产模式中没有错误。只有我在访问使用Docker托管在AWS EC2上的实时网站上的页面时才会遇到此错误。

我的API调用方式。我正在使用应用程序目录中的fetch API , I actions`文件夹,在那里我可以创建类似于

async function getData(token) {
  const res = await fetch('https://api.example.com/...')
  // The return value is *not* serialized
  // You can return Date, Map, Set, etc.
  // passing token to headers => token
 
  if (!res.ok) {
    // This will activate the closest `error.js` Error Boundary
    throw new Error('Failed to fetch data')
  }
 
  return res.json()
}

然后在页面中我做

import { cookies } from "next/headers";

export default async function Page() {
  const cookieStore = cookies();
  const token = cookieStore.get(process.env.COOKIE_NAME);

  const data = await getData((token?.value)
 
  return <main></main>
}

这就是我获取数据的全部过程。我无法找到为什么在现场制作网站页面不加载数据的问题,甚至页面本身不加载。我在三个不同的页面上遇到了同样的错误。



是的,我在stackoverflow和Github上研究过类似的问题。仍然在寻找它为什么会发生。寻找解决方案。我猜错误是由于从页面传递token到getData()函数。

beq87vna

beq87vna1#

已经解决了。进程.env.COOKIE_NAME未定义。不知道为什么然后我硬编码了cookie名称。固定.

相关问题