简介
gatsby-plugin-redirects 是一款 Gatsby 的插件，你可以用它来配置重定向。这在开发过程中相当有用，因为有时候我们需要将已有网站的所有 URL 迁移到新的网站上去。 gatsby-plugin-redirects 使这个过程变得非常简单。
安装
在你的 Gatsby 项目中使用 npm 安装 gatsby-plugin-redirects，命令如下：
npm install gatsby-plugin-redirects --save
配置
在你的 gatsby-config.js 文件中配置 gatsby-plugin-redirects，如下：
-- -------------------- ---- -------
-------------- - -
-------- -
-
-------- --------------------------
-------- -
---------- -
----------- -----------
--
--
--
--
-在上面的示例中，我们把 /old-url 重定向到 /new-url。你可以使用这种方式添加你所有的重定向。
除了基本的重定向，我们还可以添加一些高级配置，比如状态码：
-- -------------------- ---- -------
-------------- - -
-------- -
-
-------- --------------------------
-------- -
---------- -
-
--------- ------------
------- ------------
----------- ----
------ -----
---------- -----
--
-
--------- -----------------------
------- -----------------------
----------- ----
------ ------
---------- ------
--
--
--
--
--
-上面的代码展示了一些插件的高级配置。要注意的是，如果你想让 exactPath 配置生效，将 force 配置为 true。
示例
下面是一个完整的示例，包括安装、配置、使用 gatsby-plugin-redirects 的全部代码：
安装
npm install gatsby-plugin-redirects --save
配置
在你的 Gatsby 项目中找到 gatsby-config.js 文件，然后添加以下代码：
-- -------------------- ---- -------
-------------- - -
-------- -
-
-------- --------------------------
-------- -
---------- -
-
--------- -----------
------- -----------
----------- ----
--
--
--
--
--
-使用
重启你的 Gatsby 服务器，然后在浏览器中打开 /old-url，你会看到它已经成功地重定向到 /new-url。
结论
gatsby-plugin-redirects 是一个非常强大的重定向插件，开发者可以使用它实现对网页地址的控制，将旧地址定向到新地址，避免404页面的出现。它提供了多种选项来帮助开发者创建复杂的重定向策略。通过使用它的高级配置，我们可以详细地控制每个重定向的行为。无论是在迁移现有网站还是想要改变一些网址， gatsby-plugin-redirects 都会是你的救星。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedb69db5cbfe1ea0611597