React-Router v7框架模式下如何设置basename？

在React Router框架模式下，直接在项目根目录的react-router.config.ts文件中配置basename即可，步骤如下：

• 打开或创建项目根目录下的react-router.config.ts文件
• 在配置对象中添加basename字段，值设置为目标子路径"/courses"
• 确保配置满足RouterConfig类型约束

完整配置示例：

import type { RouterConfig } from "react-router";

export default {
  basename: "/courses",
  ssr: false, // 你已禁用的服务端渲染配置
} satisfies RouterConfig;

配置完成后，React Router会自动为所有路由路径添加/courses前缀，比如原路由/login会变为/courses/login，确保部署到服务器/courses子目录时路由能正确匹配。

内容的提问来源于stack exchange，提问作者RajV