GatsbyJS：如果路由不存在，则显示404页'；不存在

如何正确设置404页面，以便当用户点击任何不存在的路由时，它会重定向到此404页面

目前我有以下代码：

import React from "react";
import Layout from "../components/layout";
import SEO from "../components/seo";

    const NotFoundPage = () => (
        <Layout>
            <SEO title="404: Not found" />
            <h1>NOT FOUND</h1>
            <p>You just hit a route that doesn&#39;t exist... the sadness.</p>
        </Layout>
    );
    
    export default NotFoundPage;

从“React”导入React；
从“./组件/布局”导入布局；
从“./组件/SEO”导入SEO；
const NotFoundPage=（）=>(
找不到
你只是走上了一条不存在的路线……悲伤

);
导出默认NotFoundPage；

如果文件名为

404.js

并将其置于

src/pages/404.js

目录下，它将自动为每个不存在的页面重定向。根据：

要创建404页面，请创建路径与正则表达式匹配的页面

^\/？404\/？$（/404/、/404、404/或404）

。通常你会想 在

src/pages/404.js

创建一个React组件页面

请记住，在

develope

模式下，您的

404

，盖茨比将覆盖默认页面并列出您创建的所有页面和路径。但是，您仍然可以通过单击“预览自定义404页面”来预览

404

页面，以验证它是否按预期工作。这在您开发时非常有用，这样您就可以看到所有可用的页面

---

在

build

模式下，一切正常。

在

pages

directory中将文件另存为404.js它已经存在了。它只在我编写正确的路由（如/404）时起作用，但如果用户输入任何其他路由，它就不起作用。在开发过程中，会显示一个自定义404页面，但在最终构建中会显示404。试试看盖茨比的建造，

盖茨比发球

完全正确！谢谢！太好了，很高兴你明白了：）