代码之家 › 专栏 › 技术社区 › Dhruv verma

为什么我无法在vercel上部署我的vite应用程序

vercel mern vite reactjs

Dhruv verma · 技术社区 · 1 年前

我试图使用Vite构建一个社交媒体应用程序,但主要问题是它无论如何都没有部署。为了更好地理解,我添加了我的vite.config.js文件。我面临的主要问题是。/正在显示路线,但其他路线未定义。

import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [react()],
})

任何形式的帮助都将不胜感激

1 回复 | 直到 1 年前

Chinz 1 年前

这是处理子路径/路由时发生的SPAs的常见问题。这不是特定于 vercel 甚至在其他平台上也会出现,以下是您可以使用vercel尝试的内容:

创建 vercel.json 中的文件 根文件夹 你的项目。将此配置添加到文件中:

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

如本文所述 doc 也

“重写”指定URL重写的规则。 { "source": "/(.*)", "destination": "/" } 告诉Vercel,对于任何匹配的URL路径 /(.*) (本质上是任何路径),将请求重定向到根路径 (/).

推荐文章

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

8 月前

Facundo Cabrera · 意外的应用程序错误!useNavigate()只能在<Router>组件的上下文中使用

8 月前

user29295031 · 如何使用react和vite覆盖Tailwinds css 4默认设计

8 月前

Gukkey · 在React中明确隐藏日期类型输入后,如果我单击父div,如何显示日期选择器?

8 月前

Luckkks · 过渡色工作不正常

8 月前

ModernEraCaveman · 如何对齐我的Bootstrap容器以适应网页的整个宽度?

8 月前

vatsal chauhan · 即使在字体预加载时,文本加载也很慢

8 月前

hasratyan · Next.js 15 API路由-动态路由中的无效GET导出错误[id]

8 月前

noblerare · Vite错误-未定义导出(SSR)

8 月前

ProfessorFinesse · 在默认表单中完成帖子请求时,“res.send”会去哪里?

9 月前