如何在Vercel上使用Vanilla JavaScript添加自定义404页面？

• 第一步：创建自定义404页面文件
  在项目根目录新建404.html，写入你需要的404页面内容（HTML、CSS、JS都可以直接写在这个文件里）。

• 第二步：配置Vercel路由规则
  在项目根目录新建vercel.json文件，添加以下配置：

{
  "routes": [
    { "handle": "filesystem" },
    { "src": "/.*", "dest": "/404.html" }
  ]
}

这个配置的逻辑是：让Vercel优先匹配项目中已存在的文件和路径，当请求的路径不存在时，自动跳转到404.html。

• 第三步：部署生效
  将404.html和vercel.json推送到你的Git仓库，Vercel会自动加载配置。之后访问任何不存在的路径，就会显示你自定义的404页面了。

内容的提问来源于stack exchange，提问作者Michael K