介绍
gatsby-redirect-from
是一个 Gatsby
插件,用于在 gatsby-config.js
中配置 redirects
,以实现页面重定向的功能。
安装
通过 npm
安装:
--- ------- ----------------------- --------------------
或者通过 yarn
安装:
---- --- ----------------------- --------------------
配置
在 gatsby-config.js
文件中添加以下配置:
-------------- - - -------- - - -------- -------------------------- -------- - ---------- ---------------------------- -- -- ----------------------- -- --
在项目根目录下创建 redirects.json
文件,并按照以下格式编写重定向规则:
- - ------- ----------- ----- ----------- --------- --- - -
其中,from
为原有 URL,to
为重定向后的 URL,status
为 HTTP 状态码。
示例
以下为一个完整的示例:
-- ---------------- -------------- - - -------- - - -------- -------------------------- -------- - ---------- ---------------------------- -- -- ----------------------- -- -- -- -------------- - - ------- ----------- ----- ----------- --------- --- - -
以上示例配置了一个重定向规则,将 /old-url
重定向到 /new-url
,使用 301 HTTP 状态码。
结论
通过 gatsby-redirect-from
插件,我们可以方便地配置重定向规则,并且可以使用自己的 JSON 文件进行配置。这个插件对于那些需要对现有网站进行重构或迁移的开发者和团队来说,将会是一个非常有用的工具。
来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/5eedb3dbb5cbfe1ea06111dc