如何讓我的 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下的組件會根據文件名自動變為帶有路徑的頁面。

您可以查看頁面和布局文檔以獲取更多信息。