将 Vite.js React 构建部署到 gh-pages

Question

我在将我的 SPA 应用程序部署到 gh-pages 时遇到问题，我不确定我做错了什么。 首先，我构建项目，然后将构建目录部署到同一 repo 的gh-pages子树。

当我访问部署 URL时，我遇到了一个空白页。

GitHub 回购

我的vite.config.js

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

// https://vitejs.dev/config/
export default defineConfig({
  base: '/read-track/',
  plugins: [react()]
})

Answer 1

经过数小时的研究，我发现当您使用react-router-dom > v4并部署到子域（例如/read-track在我的情况下）时，您必须在<BrowserRouter>上提供basename属性与子域值。 就我而言，我必须像这样传递它<BrowserRouter basename="/read-track">