vitepress中的404更改

VitePress是一个基于Vue.js构建的静态网站生成器，它允许你在Markdown文件中编写内容，并通过其即时预览特性快速迭代。如果你遇到404错误，通常是因为尝试访问的页面或路径在VitePress生成的静态站点中不存在。

要更改VitePress的404页，你需要做以下几个步骤：

1. **配置文件**：打开`vite.config.ts`（如果是TypeScript项目），找到`serve`部分，那里有一个`customServer`选项。在这个选项里，你可以自定义服务器配置，包括404处理。

export default defineConfig({
  // ...
  serve: {
    port: 3000,
    customServer (createServer) {
      return createServer({
        //...
        onUnhandledRequest(err, req, res) {
          if (!err || err.status !== 404) return;
          res.statusCode = 404;
          res.setHeader('Content-Type', 'text/html');
          res.end(`这是您请求的页面找不到，VitePress为您呈现默认404页面`);
        },
      });
    },
  },
  // ...
});

2. **添加默认404页**：你可以在项目的`/.vuepress/public`目录下创建一个名为`404.html`的文件，这就是VitePress会显示的404页面模板。

3. **自定义样式和内容**：可以按照需要定制这个页面的样式和内容，比如引用外部CSS、HTML结构等。

当你保存并运行VitePress时，未找到的URL就会导向你设置的404页面了。