使用 gatsby 以编程方式导航到动态 url

Question

我正在使用导航移动到另一个 URL。我看到很多帖子使用Link 移动到具有动态网址的另一个页面。但我想更改网址而不写jsx

当我导航到以下网址时，我收到 404 错误

navigate(`/vidx/${u}`, {
      state: { vid: r }
    })

我将 gatsby-node.js 更改为跟随，但仍然出现相同的错误。我在pages 文件夹中有一个名为vidx.js 的文件

exports.onCreatePage = async ({ page, actions }) => {   
    const { createPage } = actions
    if (page.path.match(/^\/vidx/)) {
      page.matchPath = "/vidx/*";
      createPage(page); 
    } 
}

我的网址将如下所示 - www.xyz.com/vidx/123456789。 123456789 的号码将取决于登录的用户

Answer 1

我想重定向到 vidx.js；但 URL 应该是 /vidx/123456789

这永远不会起作用，因为 /vidx/123456789 总是会抛出 404 错误，因为它没有生成并且不存在，它是一个单独的新页面。

您可以使用一个简单的方法：/vidx?queryParameter=123456789。在这种情况下，您的页面将保持为 /vidx，并且您可以获取 queryParameter 以按照自己的逻辑制作内容。