Gatsby JS：将博客文章重定向到新路径

【问题标题】：Gatsby JS: Redirect blog posts to new pathGatsby JS：将博客文章重定向到新路径
【发布时间】：2020-07-30 21:35:00
【问题描述】：

我想将所有博文从当前路径/blog-post-slug转移到一个新的子目录/blog/blog-post-slug。

目前，我在 gatsby-node 文件中创建所有博客文章页面，我只需添加前缀即可创建新路由。但是，以前的所有博客文章及其反向链接都将无效。这就是为什么我想将旧帖子重定向到新帖子。

如果有帮助，该博客将部署在 Netlify。

在 Gatsby 中有没有办法匹配旧路径并将其重定向到新路径？

【问题讨论】：

【解决方案1】：

通过使用gatsby-node 中的createRedirect 操作以及gatsby-plugin-meta-redirect 和gatsby-plugin-netlify 这两个插件解决了这个问题。

我在 gatsby-node 文件中添加了以下代码：

   const oldPath = "/random-slug/";
   createRedirect({
      fromPath: oldPath,
      toPath: "/blog" + oldPath,
      isPermanent: true,
    })

运行gatsby build 命令后，检查您的公用文件夹。它应该已经生成了包含所有所需重定向的 _redirects 文件。

您可以运行gatsby serve 来查看它是否正常工作！

【讨论】：