Introduction:

Question

Introduction:

I m目前从事气象应用。我在Next.js 13的帮助下,在完成这个项目之后,在当地机器中建造了<<>strong>项目,但该项目在家网页上安装,但我的动态路线没有工作。

https://github.com/1741Rishabh/weather-Appication”rel=“nofollow noreferer” 编码Link

local system Outcome:

Front page

dynamic page

vercel Outcome

Front page vercel

dynamic page in vercel (error)

Answer 1

如果Vercel没有标识,就不可能确定哪些错误,但至少是:getCityId使用 localhost<>/code>获取数据:


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}`)

还确保环境变量<代码>API_KEY在Vercel上设定开放式一览表。

Answer 2

...Try full dynamic page with adding export const dynamic = force-dynamic ; to the ..location/[city] /page.js ( and basically remove next: {revalidate: 10000} from fetches) -- maybe issues re caused by inconsistencies btw server-prerendered (which should be the default city?) and dynamically rendered on the fly [city] pages ... (also, why not to set title=${cityreport.city.name} Weather - Next Weather Apptometadata` object itself (as by docs) ...

Introduction:

local system Outcome:

Front page

dynamic page

vercel Outcome

Front page vercel

dynamic page in vercel (error)

友情链接