我不明白为什么,当我点击浏览器的后退按钮时,我的页面没有重新加载。
我在 /pages/index.js 中有一个目录组件,它是我的主页,是导航到产品 /pages/books/[name].js 的动态路由
这是我用来转到产品页面的链接:
<div className="container-cat">
{products.map((_product) => (
<Card id="lien" key={_product.id} alt="book" className="catalogue">
<Link href='/books/[name]' as={`/books/${_product.name}`}>
<a>
<Card.Body>
<Card.Img variant="top" src={getStrapiMedia(_product.grid_pic.url)} width="200px" />
<Card.Title>{_product.name}<br />{_product.author}<br />{_product.price} €</Card.Title>
</Card.Body>
</a>
</Link>
</Card>
))
}
</div>
我不知道还能在这里放什么...
答案 0 :(得分:0)
我改变了我的路线,把目录组件作为/pages/books/的index.js
我真的无法解释为什么,但它有效