javascript - 单击浏览器的后退按钮时，下一步/路由器没有任何反应

Question

我不明白为什么，当我点击浏览器的后退按钮时，我的页面没有重新加载。

我在 /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} €&lt;/Card.Title>
                      </Card.Body>
                      </a>
                      </Link>
                    </Card>
               
            ))
          }

      </div>

我不知道还有什么可以放在这里...

Answer 1

我更改了路线，将目录组件作为 /pages/books/ 的 index.js

我无法真正解释为什么，但它有效