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

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

  •  0
  • 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()],
    })

    its ./ route here my ./home route is rendered

    this is ./signin page its not defined

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

    1 回复  |  直到 1 年前
        1
  •  1
  •   Chinz    1 年前

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

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

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

    如本文所述 doc

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