Vercel + Vite - 404 未找到
Vercel + Vite - 404 not found
我正在用 vite 开发一个网站，它在本地主机上看起来应该可以正常工作。
我部署在 Vercel 上，网站构建没有错误。
但是当我想生成我的 sourcemaps 时，我发现了一个大问题。事实上，当我想直接访问任何页面（例如.../about）时，vercel 会向我发送“404 not found”错误。但是当我转到根页面并手动导航到该页面时，一切正常。
我第二次直接访问 /about 页面，它可以工作，但因为它已被我的浏览器缓存，我认为 ...
托管 : vercel
基础url: https://dev.energie-etre-ange.fr
404 示例 url : https://dev.energie-etre-ange.fr/about
使用的插件：
- vite-插件页面
- vue-router (v4)
- vite-ssg
如果需要，我可以给出 github link，但我认为这主要是一个 vercel 问题？
我在 Whosebug 上发现了一个 linked 问题，但是 React (link)
在这里找到答案：
归功于 shantiscrip
解法：
这不是 vite.js 的问题，而是由于缺少默认添加到现有模板的 vercel 配置文件。对于单页应用程序，使用 React Router 创建的路由的 html 文件不存在，因此服务器上的某些东西需要创建重写以确保每个请求都指向 '/' 或 index.html。在 Vercel 中，这可以通过在名为
的项目根目录中添加对配置文件的重写来完成
vercel.json
https://vercel.com/docs/configuration
为指向“/”
的文件的所有路径添加重写
{
"rewrites": [{ "source": "/(.*)", "destination": "/" }]
}
我正在用 vite 开发一个网站，它在本地主机上看起来应该可以正常工作。
我部署在 Vercel 上，网站构建没有错误。
但是当我想生成我的 sourcemaps 时，我发现了一个大问题。事实上，当我想直接访问任何页面（例如.../about）时，vercel 会向我发送“404 not found”错误。但是当我转到根页面并手动导航到该页面时，一切正常。
我第二次直接访问 /about 页面，它可以工作，但因为它已被我的浏览器缓存，我认为 ...
托管 : vercel
基础url: https://dev.energie-etre-ange.fr
404 示例 url : https://dev.energie-etre-ange.fr/about
使用的插件：
- vite-插件页面
- vue-router (v4)
- vite-ssg
如果需要，我可以给出 github link，但我认为这主要是一个 vercel 问题？ 我在 Whosebug 上发现了一个 linked 问题，但是 React (link)
在这里找到答案：
归功于 shantiscrip
解法：
这不是 vite.js 的问题，而是由于缺少默认添加到现有模板的 vercel 配置文件。对于单页应用程序，使用 React Router 创建的路由的 html 文件不存在，因此服务器上的某些东西需要创建重写以确保每个请求都指向 '/' 或 index.html。在 Vercel 中，这可以通过在名为
vercel.json
https://vercel.com/docs/configuration
为指向“/”
{
"rewrites": [{ "source": "/(.*)", "destination": "/" }]
}