javascript - 如何让我的 gatsby 链接在 netlify 中正常工作？

Question

我正在尝试在 gatsby 中的页面之间进行路由。它适用于本地主机，但遗憾的是不适用于 netlify。
路由链接是 My-site.com/about/ 它在 netlify 中不起作用，但是当我重新加载页面时，路由变为 My-site.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文件名自动变成带有路径的页面。

您可以查看页面和布局文档以获取更多信息。