如何让我的 gatsby link 在 netlify 中正常工作？

Question

我正在尝试在 gatsby 中的页面之间进行路由。它适用于本地主机，但遗憾的是不适用于 netlify。
路由 link 是我的站点。com/about/ 它在 netlify 中不起作用，但是当我重新加载页面时，路由变为我的站点。com/About/ 并且页面内容显示。

在我的index.js

function Home = () => {
  return (
       <Link to="/about/"> About Page </Link>
  );
};
export default Home;

在About.js

function About = () => {
  return (
      <h2> This is About page </h2>
  );
};
export default About

Answer 1

您的 About.js 文件应命名为 about.js（小写）。这是因为使用 Gatsby，src/pages 下的组件会根据其文件名自动成为具有路径的页面。

您可以查看 Pages and Layout 文档以获取更多信息。

How to make my gatsby link work properly in netlify?