reactjs - 如何删除 gatsby 项目中的尾部斜杠？

Question

我在我的 gatsby 项目中面临斜杠问题。当我尝试重新加载或触发网址Ex:website.com/page1时，它正在加载带有斜杠的网址，例如website.com/page1/然后它会返回到website.com/page1。它发生在每一页。我试过删除尾部斜杠插件，但没有得到结果

我将不胜感激任何帮助。谢谢你。

标签： reactjsgatsbygatsby-plugin

Answer 1

这是我避免这个问题的方法：

1. 确保所有链接都链接到页面的尾部斜杠版本，例如<Link to="/some/path/">…&lt;/Link>
2. gatsby-node.js通过createPageAPI 调用生成页面时，始终使用path尾部斜杠指定
3. 配置服务器以服务页面，例如about.html从请求到/about/（Netlify 称之为“漂亮的 URL”）
4. 确保服务器配置为响应目录索引并查找index.html文件作为目录索引；禁用自动索引以获得良好的度量
5. 确保服务器响应两个版本的路径的目录索引（带有和不带有斜杠）

在大多数情况下，您只需要担心 #1 和 #2，但如果这不能解决您的问题，您会继续往下看。