Gatsby JS如何将旧路径博客文章重定向至新子目录路径？

没问题，这个需求在Gatsby + Netlify的组合下完全能搞定，而且方案很成熟，我给你拆解成具体步骤：

步骤1：安装并配置Netlify插件 #

核心依赖是gatsby-plugin-netlify，它能帮我们把Gatsby的重定向规则转换成Netlify能识别的格式，部署时自动生效。

先安装插件：

npm install gatsby-plugin-netlify
# 或者用yarn
yarn add gatsby-plugin-netlify

然后在gatsby-config.js里把它加入插件数组：

module.exports = {
  plugins: [
    // 你的其他插件...
    `gatsby-plugin-netlify`,
  ],
}

步骤2：在gatsby-node.js中生成精准重定向规则 #

既然你本来就在gatsby-node.js里创建博客页面，直接在这里添加重定向逻辑最精准。假设你是通过遍历博客节点创建页面的，那么在同一个遍历流程里，调用createRedirect API生成旧路径到新路径的跳转规则：

exports.createPages = async ({ graphql, actions }) => {
  const { createPage, createRedirect } = actions;

  // 先查询所有博客节点
  const result = await graphql(`
    query {
      allMarkdownRemark(filter: { frontmatter: { type: { eq: "blog" } } }) {
        nodes {
          fields {
            slug
          }
        }
      }
    }
  `);

  // 遍历创建新页面+生成重定向
  result.data.allMarkdownRemark.nodes.forEach(node => {
    const oldPath = `/${node.fields.slug}`;
    const newPath = `/blog/${node.fields.slug}`;

    // 创建新路径的博客页面
    createPage({
      path: newPath,
      component: require.resolve("./src/templates/blog-post.js"),
      context: {
        slug: node.fields.slug,
      },
    });

    // 生成永久重定向规则（301对SEO更友好）
    createRedirect({
      fromPath: oldPath,
      toPath: newPath,
      isPermanent: true,
      redirectInBrowser: true, // 本地开发时也能测试跳转
    });
  });
};

可选：批量重定向（适合根目录只有博客文章的场景） #

如果你的旧路径都是/xxx格式，且根目录下没有其他非博客页面需要保留，也可以直接在项目根目录创建_redirects文件，写入批量规则：

/*  /blog/:splat  301!

这个规则会把所有根目录下的路径（比如/my-old-post）强制重定向到/blog/my-old-post，!表示即使旧路径原本有页面，也强制跳转。不过这种方式不如上面的精准，适合确认根目录只有博客内容的情况。

测试验证 #

• 本地开发时，启动gatsby develop，访问旧路径（比如http://localhost:8000/my-old-post），应该会自动跳转到新路径。
• 部署到Netlify后，平台会自动读取生成的_redirects文件，重定向规则会立即生效，旧的反向链接也能正常跳转。

内容的提问来源于stack exchange，提问作者dmraptis