I learning next js(typescript)and i created functino getServerSideProps({query})in detail/[slug].tsx但查询没有给出实际结果url
在url localhost:3000/detail/samsung-s23?variant=black但是在getServerSideProps()中我将得到
query:{
slug:'wow',
}
我尝试用slug= samsung-23硬编码,但它会被'wow'替换,
我仍在使用虚拟数据
我的代码
export async function getServerSideProps({ query }) {
console.log('request', query)
// here function for search slug to item product
return {
props: {
slug: 'Samsung-s23-ram-8',
},
}
}
const Detail = ({ slug }) => {
console.log(slug)
const id = 'asddwases126'
return (
<PDPFullLayouts>
<ProductDetails
productId={id}
detailProduct={dataDetail.detailProducts}
/>
<PopularProducts />
</PDPFullLayouts>
)
}
在我的问题是如何改变我的slug从请求没有给wow
再次?.
1条答案
按热度按时间1l5u6lss1#
要在getServerSideProps方法中获取动态路由参数,必须访问req。参数
文件:
https://nextjs.org/docs/api-reference/data-fetching/get-server-side-props#context-parameter