Vercel + Vite - 404 未找到

Question

我正在使用 vite 开发一个网站，它看起来就像在 localhost 上一样工作。
我在 Vercel 上进行了部署，并且该站点的构建没有错误。
但是当我想生成我的源图时，我发现了一个大问题。事实上，当我想直接访问任何页面（例如.../about）时，vercel 会向我发送“404 not found”错误。但是，当我转到根页面并手动导航到该页面时，一切正常。 我第二次直接访问 /about 页面时，它可以工作，但因为它已被我的浏览器缓存，我认为 ...

托管：vercel
基本网址：https://dev.energie-etre-ange.fr
404 示例网址：https://dev.energie-etre-ange.fr/about

使用的插件：

• vite-plugin-pages
• vue-router (v4)
• vite-ssg

如果需要，我可以提供 github 链接，但我认为这主要是一个 vercel 问题？ 我在 stackoverflow 上发现了一个链接问题，但使用 React (link)

Answer 1

在这里找到答案：https://stackoverflow.com/a/66686684/13541914
归功于shantiscrip

解决方案：
这不是 vite.js 的问题，而是由于缺少默认添加到现有模板的 vercel 配置文件。对于单页应用程序，使用 react router 创建的路由的 html 文件不存在，因此服务器上的某些内容需要创建重写以确保每个请求都指向 '/' 或 index.html。在 Vercel 中，这可以通过在名为

的项目根目录中添加对配置文件的重写来完成

vercel.json
https://vercel.com/docs/configuration
为指向'/'的文件的所有路由添加重写

{
  "rewrites": [{ "source": "/(.*)", "destination": "/" }]
}