应用程序错误:发生客户端异常(IN NEXT,JS 13)

vnjpjtjt  于 2023-06-29  发布在  其他
关注(0)|答案(2)|浏览(122)

简介:

我现在正在做一个天气应用程序。我在Next.js13的帮助下构建了这个应用程序,在完成项目后,我在yarn run build的帮助下构建了这个项目,在我的本地机器上它工作正常,但是当我在vercel上部署这个项目时,它的主页工作正常,但是我的动态路由不工作

gitHub:code Link

本地系统结果:

首页

动态页面

vercel结果

首页Vercel

vercel中的动态页面(错误)

i5desfxk

i5desfxk1#

如果没有Vercel的日志,就不可能确定出了什么问题,但至少-您的getCityId使用localhost获取数据:

const getcityid = async (id) => {
    const city = await fetch(`http://localhost:3000/api/citibyid?id=${id}`)
    const citydata = await city.json();
    return citydata
}

你需要使用相对路径,比如:

const city = await fetch(`/api/citibyid?id=${id}`)

还要确保在Vercel上设置了openweathermap的环境变量API_KEY

dm7nw8vv

dm7nw8vv2#

...尝试完整的动态页面,将export const dynamic = 'force-dynamic';添加到..location/[city] /page.js(并基本上从获取中删除next: {revalidate: 10000})-可能问题是由服务器预呈现的不一致引起的(哪个应该是默认城市?)并动态呈现在飞行[城市]页面上...(另外,为什么不设置title= ${cityreport.city.name}天气-下一个天气应用to元数据`对象本身(如由文档)...

相关问题