Vercel + Vite - 404 未找到

Posted 2023-02-22

【中文标题】Vercel + Vite - 404 未找到

【英文标题】：Vercel + Vite - 404 not found [duplicate]

【发布时间】：2022-01-11 22:14:45

【问题描述】：

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

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

使用的插件：

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

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

【参考方案1】：

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

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

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

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

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