Routing

FileRoutes

FileRoutes 是一个组件，它为 /src/routes 目录中的每个文件创建一个 Route。这会创建一个 route 导出，用于定义你所选路由器的路由配置。

例如，使用 solid-router 的示例如下：

import { Suspense } from "solid-js";
import { Router } from "@solidjs/router";
import { FileRoutes } from "@solidjs/start/router";

export default function App() {
  return (
    <Router root={(props) => <Suspense>{props.children}</Suspense>}>
      <FileRoutes />
    </Router>
  );
}

更多详细信息请参阅 SolidStart 路由指南。

caution:

如果从你的 app.tsx 文件中移除 FileRoutes 组件，你将需要手动添加所有路由。

虽然这是可行的，但会带来一些权衡。例如，预加载脚本标签等优化功能将不再可用。

报告此页面问题