React Vite React Router 设置 Context Path

vite.config.ts

设置base属性。

export default defineConfig({
    plugins: [
        react(),
    ],
    base: "/my-app",
})

React Router V7

main.tsx文件中，为BrowserRouter组件添加basename属性。

import {createRoot} from 'react-dom/client'
import App from './App.tsx'
import {BrowserRouter} from "react-router";

createRoot(document.getElementById('root')!).render(
    <BrowserRouter basename={"/my-app"}>
        <App/>
    </BrowserRouter>,
)