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

本文标题为:未找到Vercel+Vite-404

基础教程推荐