我试图使用Vite构建一个社交媒体应用程序,但主要问题是它无论如何都没有部署。为了更好地理解,我添加了我的vite.config.js文件。我面临的主要问题是。/正在显示路线,但其他路线未定义。
import { defineConfig } from 'vite' import react from '@vitejs/plugin-react' // https://vitejs.dev/config/ export default defineConfig({ plugins: [react()], })
任何形式的帮助都将不胜感激
这是处理子路径/路由时发生的SPAs的常见问题。这不是特定于 vercel 甚至在其他平台上也会出现,以下是您可以使用vercel尝试的内容:
创建 vercel.json 中的文件 根文件夹 你的项目。将此配置添加到文件中:
vercel.json
{ "rewrites": [ { "source": "/(.*)", "destination": "/" } ] }
如本文所述 doc 也
“重写”指定URL重写的规则。 { "source": "/(.*)", "destination": "/" } 告诉Vercel,对于任何匹配的URL路径 /(.*) (本质上是任何路径),将请求重定向到根路径 (/).
{ "source": "/(.*)", "destination": "/" }
/(.*)