未找到Vercel+Vite-404-前端问题

Vercel + Vite - 404 not found(未找到Vercel+Vite-404)

本文介绍了未找到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

如果需要，我可以提供GitHub链接，但我认为这主要是Vercel的问题？我在堆栈溢出上发现了链接的问题，但使用了Reaction(link)

推荐答案

此处找到答案：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的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！