本文介绍了未找到Vercel+Vite-404的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我正在开发一个使用VITE的网站，它似乎应该在本地主机上工作。
我在Vercel上部署，该站点的构建没有错误。
但当我想要生成我的源地图时，我发现了一个大问题。事实上，当我想要直接访问任何页面时(例如.../大约)，Vercel会给我一个错误消息：404Not Found"；。但是，当我转到根页面并手动导航到该页面时，一切都正常。
第二次我直接访问/About页面时，它正常工作，但因为它已被我的浏览器缓存，所以我认为...
托管：Vercel
基本URL：https://dev.energie-etre-ange.fr
404示例url：https://dev.energie-etre-ange.fr/about
使用的插件：
- 网站插件-页面
- VUE-路由器(V4)
- VITE-SSG
推荐答案
此处找到答案：https://stackoverflow.com/a/66686684/13541914
信贷获得者shantiscrip
解决方案：
这不是vite.js的问题，而是由于缺少Vercel的配置文件，该文件默认添加到现有模板中。对于单页面应用程序，使用Reaction路由器创建的路线的html文件不存在，因此服务器上的某些内容需要创建重写，以确保每个请求指向‘/’或index.html。在Vercel中，这可以通过向名为
vercel.json
https://vercel.com/docs/configuration
为指向‘/’的文件的所有路由添加重写
{
"rewrites": [{ "source": "/(.*)", "destination": "/" }]
}
这篇关于未找到Vercel+Vite-404的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！
本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除！