Início / coding / Perguntas / 79584830
Accepted
RajV
Asked: 2025-04-21 22:48:30 +0800 CST

Como definir o nome base para o modo do framework react-router v7?

  • 772

Criei um aplicativo no modo framework React-Router como este:

npx create-react-router@latest my-react-router-app

A versão do React-Router é:

"react-router": "^7.5.1"

Adicionei routes.tsum monte de páginas:

export default [
  index("routes/login.tsx"),
  route("menu", "routes/menu.tsx"),
  route("skills", "routes/skills.tsx"),
  route("courses", "routes/courses.tsx"),
] satisfies RouteConfig;

Tudo está funcionando perfeitamente durante o desenvolvimento. Agora, preciso implantar este aplicativo na "/courses"pasta raiz de documentos do servidor web (desativei a renderização do lado do servidor em react-router.config.ts). Não consigo encontrar nenhuma informação atualizada sobre como definir o basenamepara "/courses". A maioria das informações parece desatualizada. Como configuro o basenameno modo framework?

javascript

1 respostas

  1. Best Answer

    Você pode especificar uma basenamepropriedade de roteador em seu react-router-config.tsarquivo.

    Consulte react-router-config.ts em Arquivos Especiais e a API de Configuração do React-Router para obter detalhes.

    react-router.config.ts:

    import type { Config } from "@react-router/dev/config";

export default {
  // Other config options...
  basename: "/courses",
} satisfies Config;
    • 1

relate perguntas