【杂记】解决Vitepress在Vercel上的Hydration错误

1. 问题描述

在尝试将 Vitepress 静态站点部署到 Vercel 时，遭遇了一个常见的问题。报错信息显示： Hydration completed but contains mismatches。这个错误提示意味着页面在客户端渲染时出现了不匹配的问题。

2. 解决方案

为了解决这个问题，需要在 vercel.json 配置文件中进行一些设置。具体来说，需要启用 cleanUrls 选项，这将帮助正确处理URL和页面路由。以下是如何配置 cleanUrls 的示例：

{
  "cleanUrls": true
}